@charset "UTF-8";
/*
* http://www.mediaxplosion.nl
* tel: +31 (0)35 767 63 30
* copyright Mediaxplosion 2012
* author: Vanity Tracy Stuurland <vanity@mediaxplosion.nl>
*/

/*------------------------
    SET FONTTYPE
------------------------*/
@font-face {
    font-family: HelveticaNeueThin;
    src: url('../fonts/HelveticaNeueLTPro-Th.otf');
}

@font-face {
    font-family: HelveticaNeueLight;
    src: url('../fonts/HelveticaNeueLTPro-Lt.otf');
}

@font-face {
    font-family: HelveticaNeueRoman;
    src: url('../fonts/HelveticaNeueLTPro-Roman.otf');
}


/*------------------------
    BASE
------------------------*/
* {
	margin:0;
	padding:0;
}

html {
	margin:0;
	padding:0;
}

body {
	margin:0;
	padding:0;
	background-color:#fff;
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:21px;	
}

#wrapper {
	width:960px;
	height:1000px;
	margin:0 auto;
}

/*------------------------
    HTML5 
------------------------*/
header, nav, article, section, aside, footer {
	display:block;
}


/*------------------------
    DEFAULT
------------------------*/
.clear {
	clear:both;
}

.left {
	float:left;
}

.right {
	float:right;
}

a:link, a:visited {
	color:#333;
	text-decoration:none;
	-webkit-transition: all 0.20s linear 0s;
	-moz-transition: all 0.20s linear 0s;
	-o-transition: all 0.20s linear 0s;
	transition: all 0.20s linear 0s;
}

a:hover, a:focus, a:active {
	color:#333;
	text-decoration:underline;
}

p {
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:21px;
}

img, img a, a img {
	border:0px;
}

.divider-width-short {
	display:block;
	width:100%;
	height:1px;
	background:url('../img/divider-width-short.png') no-repeat top left;
}

p.order-text {
	background:url('../img/icon-truck.png') no-repeat left 6px;
	margin-top:55px;
	padding-left:60px;
	font-size:12px;
	line-height:15px;
}

p.price {
	color:#0f75bc;
}

/*------------------------
    TITLES
------------------------*/
h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
}

h2 {
	color:#0f75bc;
	font-family:HelveticaNeueThin, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size:37px;
	line-height:33px;
	margin-bottom:10px;
}

h2.section {
	background:url('../img/divider-width.png') no-repeat top left;
	padding:30px 0px 20px 0px;
	text-align:center;
}

h3 {
	color:#474747;
	font-family:HelveticaNeueThin, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size:21px;
	line-height:33px;
}

h4 {
	color:#333;
	font-family:HelveticaNeueRoman, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size:15px;
	line-height:inherit;
}

h5 {
	color:#333;
	font-size:12px;
	text-align:center;
	margin:30px auto 0px;
}


/*------------------------
    BUTTONS
------------------------*/
.btn-wrapper {
	border-top: 1px solid #0F75BC;
    margin-top: 30px;
    padding-top: 30px;
}

.btn-wrapper .left {
	width:50%;
}

.btn-wrapper .left a.button,
.btn-wrapper .left input.button {
	float:left !important;
}

.btn-wrapper .right {
	width:50%;
}

.button {
	float:right;
	color:#333;
	font-size:11px;
	font-weight:normal;
	letter-spacing:0.5px;
	text-transform:uppercase;
}

.button .title {
	float:left;
	padding:1px 10px;
	-moz-border-radius: 5px 0 0 5px;
	-webkit-border-radius: 5px 0 0 5px;
	border-radius: 5px 0 0 5px;
	behavior: url(skins/front/broditcenter/css/ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
}

.button .icon {
	float:left;
	width:23px;
	height:23px;
	-moz-border-radius: 0px 5px 5px 0px;
	-webkit-border-radius: 0px 5px 5px 0px;
	border-radius: 0px 5px 5px 0px;
	behavior: url(skins/front/broditcenter/css/ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
}

.button-large {
	clear:both;
	float:left;
	color:#333;
	font-size:13px;
	font-weight:normal;
	letter-spacing:0.5px;
	text-transform:uppercase;
}

.button-large .title {
	float:left;
	padding:5px 15px;
	-moz-border-radius: 5px 0 0 5px;
	-webkit-border-radius: 5px 0 0 5px;
	border-radius: 5px 0 0 5px;
	behavior: url(skins/front/broditcenter/css/ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
}

.button-large .icon {
	float:left;
	width:31px;
	height:31px;
	-moz-border-radius: 0px 5px 5px 0px;
	-webkit-border-radius: 0px 5px 5px 0px;
	border-radius: 0px 5px 5px 0px;
	behavior: url(skins/front/broditcenter/css/ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
}

.submit {
	color:#fff;
	padding:3px 10px;
	-moz-box-shadow: 1px 1px 3px #666;
	-webkit-box-shadow: 1px 1px 3px #666;
	box-shadow: 1px 1px 3px #666;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	behavior: url(skins/front/broditcenter/css/ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
}

a.button:hover, a.button:focus, a.button:active,
a.button-large:hover, a.button-large:focus, a.button-large:active {
	text-decoration:none;
}

a.submit {
	color:#fff;
	padding:1px 10px 0;
}

/* Icons */
.arrow-next-grey {
	display:block;
	background:url('../img/arrow-next-grey.png') no-repeat right 7px;
	/*width:6px;
	height:8px;*/
	margin-right:15px;
	padding-right:13px;
	color:#333;
}

.arrow-next-white {
	display:block;
	background:url('../img/arrow-next-white.png') no-repeat top right;
	width:6px;
	height:8px;
	margin: 8px 0 0 8px;
}

.arrow-prev-white {
	display:block;
	background:url('../img/arrow-prev-white.png') no-repeat top left;
	width:6px;
	height:8px;
	margin: 8px 0 0 9px;
}

a.button .arrow-next-white,
a.button .arrow-prev-white {
	float:left;
}

.arrow-prev-blue {
	display:block;
	background:url('../img/arrow-prev-blue.png') no-repeat left 5px;
	padding-left:10px;
	color:#0f75bc!important;
	font-family:HelveticaNeueLight, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size:15px;
}

.icon-plus {
	display:block;
	background:url('../img/icon-plus.png') no-repeat top left;
	width:10px;
	height:10px;
	margin: 6px 0 0 6px;
}

.icon-plus-large {
	display:block;
	background:url('../img/icon-plus-large.png') no-repeat top left;
	width:14px;
	height:14px;
	margin: 9px 0 0 9px;
}

.icon-reservation {
	display:block;
	background:url('../img/icon-reservation.png') no-repeat top left;
	width:12px;
	height:12px;
	margin: 5px 0 0 5px;
}

.icon-pen {
	display:block;
	background:url('../img/icon-pen.png') no-repeat top left;
	width:14px;
	height:14px;
	margin: 5px 0 0 5px;
}

.icon-magnifier {
	display:block;
	float:right;
	position:relative;
	width:20px;
	height:20px;
	margin:5px;
	border:1px solid #ccc;
	background:url('../img/icon-magnifier.png') no-repeat center center #fefefe;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	behavior: url(skins/front/broditcenter/css/ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
	-webkit-transition: background-color, border-color 0.20s linear 0s;
	-moz-transition: background-color, border-color 0.20s linear 0s;
	-o-transition: background-color, border-color 0.20s linear 0s;
	transition: background-color, border-color 0.20s linear 0s;
}

/* Background colors */
.grey {
	border:1px solid #d5d5d5;
	background: #ebebeb; /* Old browsers */
	background: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#fefefe));
	background: -moz-linear-gradient(top,  #ebebeb,  #fefefe);
	background: -ms-linear-gradient(linear, left top, left bottom, from(#ebebeb), to(#fefefe));
	background: -o-linear-gradient(top,  #ebebeb,  #fefefe);
	background: linear-gradient(top,  #ebebeb,  #fefefe);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#fefefe');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#fefefe')";
	-webkit-transition: background-color 0.20s linear 0s;
	-moz-transition: background-color 0.20s linear 0s;
	-o-transition: background-color 0.20s linear 0s;
	transition: background-color 0.20s linear 0s;
}

.blue {
	border:1px solid #0f75bc;
	background: #0f75bc; /* Old browsers */
	background: -webkit-gradient(linear, left top, left bottom, from(#0f75bc), to(#68b1e3));
	background: -moz-linear-gradient(top,  #0f75bc,  #68b1e3);
	background: -ms-linear-gradient(linear, left top, left bottom, from(#0f75bc), to(#68b1e3));
	background: -o-linear-gradient(top,  #0f75bc,  #68b1e3);
	background: linear-gradient(top,  #0f75bc,  #68b1e3);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0f75bc', endColorstr='#68b1e3');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#0f75bc', endColorstr='#68b1e3')";
	-webkit-transition: background-color 0.20s linear 0s;
	-moz-transition: background-color 0.20s linear 0s;
	-o-transition: background-color 0.20s linear 0s;
	transition: background-color 0.20s linear 0s;
}

.green {
	border:1px solid #009900;
	background: #009933; /* Old browsers */
	background: -webkit-gradient(linear, left top, left bottom, from(#009933), to(#33cc33));
	background: -moz-linear-gradient(top,  #009933,  #33cc33);
	background: -ms-linear-gradient(linear, left top, left bottom, from(#009933), to(#33cc33));
	background: -o-linear-gradient(top,  #009933,  #33cc33);
	background: linear-gradient(top,  #009933,  #33cc33);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#009933', endColorstr='#33cc33');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#009933', endColorstr='#33cc33')";
	-webkit-transition: background-color 0.20s linear 0s;
	-moz-transition: background-color 0.20s linear 0s;
	-o-transition: background-color 0.20s linear 0s;
	transition: background-color 0.20s linear 0s;
}

.orange {
	border:1px solid #ff6600;
	background: #ff6600; /* Old browsers */
	background: -webkit-gradient(linear, left top, left bottom, from(#ff6600), to(#ff9933));
	background: -moz-linear-gradient(top,  #ff6600,  #ff9933);
	background: -ms-linear-gradient(linear, left top, left bottom, from(#ff6600), to(#ff9933));
	background: -o-linear-gradient(top,  #ff6600,  #ff9933);
	background: linear-gradient(top,  #ff6600,  #ff9933);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6600', endColorstr='#ff9933');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6600', endColorstr='#ff9933')";
	-webkit-transition: background-color 0.20s linear 0s;
	-moz-transition: background-color 0.20s linear 0s;
	-o-transition: background-color 0.20s linear 0s;
	transition: background-color 0.20s linear 0s;
}

.yellow {
	border:1px solid #ff9900;
	background: #ffcc00; /* Old browsers */
	background: -webkit-gradient(linear, left top, left bottom, from(#ffcc00), to(#ff9900));
	background: -moz-linear-gradient(top,  #ffcc00,  #ff9900);
	background: -ms-linear-gradient(linear, left top, left bottom, from(#ffcc00), to(#ff9900));
	background: -o-linear-gradient(top,  #ffcc00,  #ff9900);
	background: linear-gradient(top,  #ffcc00,  #ff9900);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcc00', endColorstr='#ff9900');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcc00', endColorstr='#ff9900')";
	-webkit-transition: background-color 0.20s linear 0s;
	-moz-transition: background-color 0.20s linear 0s;
	-o-transition: background-color 0.20s linear 0s;
	transition: background-color 0.20s linear 0s;
}

input.grey:hover, input.grey:focus, input.grey:active,
a.grey:hover, a.grey:focus, a.grey:active,
a.button:hover .grey, a.button:focus .grey, a.button:active .grey,
a.button-large:hover .grey, a.button-large:focus .grey, a.button-large:active .grey {
	text-decoration:none;
	background: #fefefe; /* Old browsers */
	background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#ebebeb));
	background: -moz-linear-gradient(top,  #fefefe,  #ebebeb);
	background: -ms-linear-gradient(linear, left top, left bottom, from(#fefefe), to(#ebebeb));
	background: -o-linear-gradient(top,  #fefefe,  #ebebeb);
	background: linear-gradient(top,  #fefefe,  #ebebeb);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#ebebeb');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#ebebeb')";
}

input.blue:hover, input.blue:focus, input.blue:active,
a.blue:hover, a.blue:focus, a.blue:active,
a.button:hover .blue, a.button:focus .blue, a.button:active .blue {
	text-decoration:none;
	background: #68b1e3; /* Old browsers */
	background: -webkit-gradient(linear, left top, left bottom, from(#68b1e3), to(#0f75bc));
	background: -moz-linear-gradient(top,  #68b1e3,  #0f75bc);
	background: -ms-linear-gradient(linear, left top, left bottom, from(#68b1e3), to(#0f75bc));
	background: -o-linear-gradient(top,  #68b1e3,  #0f75bc);
	background: linear-gradient(top,  #68b1e3,  #0f75bc);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#68b1e3', endColorstr='#0f75bc');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#68b1e3', endColorstr='#0f75bc')";
}

input.green:hover, input.green:focus, input.green:active,
a.green:hover, a.green:focus, a.green:active,
a.button:hover .green, a.button:focus .green, a.button:active .green,
a.button-large:hover .green, a.button-large:focus .green, a.button-large:active .green {
	text-decoration:none;
	background: #33cc33; /* Old browsers */
	background: -webkit-gradient(linear, left top, left bottom, from(#33cc33), to(#009933));
	background: -moz-linear-gradient(top,  #33cc33,  #009933);
	background: -ms-linear-gradient(linear, left top, left bottom, from(#33cc33), to(#009933));
	background: -o-linear-gradient(top,  #33cc33,  #009933);
	background: linear-gradient(top,  #33cc33,  #009933);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#33cc33', endColorstr='#009933');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#33cc33', endColorstr='#009933')";
}

input.orange:hover, input.orange:focus, input.orange:active,
a.orange:hover, a.orange:focus, a.orange:active,
a.button:hover .orange, a.button:focus .orange, a.button:active .orange {
	text-decoration:none;
	background: #ff9933; /* Old browsers */
	background: -webkit-gradient(linear, left top, left bottom, from(#ff9933), to(#ff6600));
	background: -moz-linear-gradient(top,  #ff9933,  #ff6600);
	background: -ms-linear-gradient(linear, left top, left bottom, from(#ff9933), to(#ff6600));
	background: -o-linear-gradient(top,  #ff9933,  #ff6600);
	background: linear-gradient(top,  #ff9933,  #ff6600);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9933', endColorstr='#ff6600');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9933', endColorstr='#ff6600')";
}

input.yellow:hover, input.yellow:focus, input.yellow:active,
a.yellow:hover, a.yellow:focus, a.yellow:active,
a.button:hover .yellow, a.button:focus .yellow, a.button:active .yellow {
	background: #ff9900; /* Old browsers */
	background: -webkit-gradient(linear, left top, left bottom, from(#ff9900), to(#ffcc00));
	background: -moz-linear-gradient(top,  #ff9900,  #ffcc00);
	background: -ms-linear-gradient(linear, left top, left bottom, from(#ff9900), to(#ffcc00));
	background: -o-linear-gradient(top,  #ff9900,  #ffcc00);
	background: linear-gradient(top,  #ff9900,  #ffcc00);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9900', endColorstr='#ffcc00');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9900', endColorstr='#ffcc00')";
}


/*------------------------
    FORMS
------------------------*/
input, select {
    /*vertical-align:middle;*/
	margin-bottom:10px;
}

select {
	padding:0;
}

select option {
	padding:2px 5px;
}

input[type="text"], input[type="password"], textarea, input.captcha-input {
	font-size:12px;
	color:#333;
	padding:5px;
	border:1px solid #ccc;
	-webkit-transition: border-color 0.20s linear 0s;
	-moz-transition: border-color 0.20s linear 0s;
	-o-transition: border-color 0.20s linear 0s;
	transition: border-color 0.20s linear 0s;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	-moz-box-shadow: 0.5px 0.5px 2px #CCC inset;
	-webkit-box-shadow: 0.5px 0.5px 2px #CCC inset;
	box-shadow: inner 0.5px 0.5px 2px #CCC;
	behavior: url(skins/front/broditcenter/css/ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
}

input[type="text"]:hover, input[type="password"]:hover, textarea:hover,input.captcha-input:hover,
input[type="text"]:active, input[type="password"]:active, textarea:active, input.captcha-input:active
input[type="text"]:focus, input[type="password"]:focus, textarea:focus, input.captcha-input:focus {
	border:1px solid #999;
}

input[type="submit"], input[type="radio"], input[type="checkbox"], input[type="button"] {
	cursor:pointer;
}

label {
	font-size:13px;
	margin: 0px 10px 5px 0px;
}

.ast-character {
	color:#666;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	margin:-5px 5px 0px 0px;
}

.field-empty {
	border:1px solid #cc0000;
}

.error-field {
	display:none;
	float:left;
	margin-left:15px;
	color:#cc0000;
}



/*------------------------
    TABLES
------------------------*/
table thead,
table tbody {
	display:block;
	width:100%;
}

table tr td.product,
table tr td.amount,
table tr td.price,
table tr td.remove,
table tr td.end-price,
table tr td.per-price {
	vertical-align:top;
}

table tr td.price,
table tr td.remove,
table tr td.end-price {
	text-align:right;
}

table tr td.product {
	width:500px;
}

table tr td.amount {
	width:70px;
}

table tr td.price {
	width:100px;
}

table tr td.remove {
	width:80px;
}

table tr td.end-price {
	width:180px;
}

table tr td.per-price {
	width:180px;
}

table thead {
	border-bottom:1px solid #333;
	font-size:15px;
}

table thead tr td {
	font-weight:bold;
}

table tbody tr {
	display:block;
	padding:10px 0px;
	border-bottom:1px solid #ccc;
}

table tbody tr.last-item {
	border-bottom:0px;
}

table tbody tr td.product .img-wrapper {
	float:left;
 	border: 1px solid #CCCCCC;
    width:78px;
	height:58px;
	overflow:hidden;
    margin-right:10px; 
}

table tbody tr td.product .img-wrapper a {
	display:block;
	width:78px;
	height:58px;
}

table tbody tr td.product .product-name {
	float:left;
	width:410px;
}

table tbody tr td.product .product-name p.desc {
	color:#666;
	font-size:13px;
}

table tfoot tr td.per-price,
table tfoot tr td.end-price {
	padding:10px 0px;
	border-bottom:1px solid #ccc;
}


a.btn-close {
	margin-right:25px;
	/*color:#0f75bc;*/
	color:#cc0000;
	font-size:15px;
	font-weight:bold;
	text-transform:uppercase;
	text-shadow: 0px 1px 0px #ccc;
	text-decoration:none;
}

.errors {
	color:#cc0000;
	margin-bottom:10px;
}


/*------------------------
    HEADER
------------------------*/
header {
	width:100%;
	height:85px;
	margin-bottom:15px;
}

h1#logo {
	float:left;
	width:195px;
}

#logo img {
	width:inherit;
	height:85px;
}

.header-content {
	float:right;
	width:720px;
	height:100%;
}

.header-left {
	float:left;
	width:330px;
	height:100%;
}

.header-right {
	float:right;
	width:390px;
	height:100%;
}
	
	/* Account related */
	.account-related {
		width:388px;
		height:40px;
		margin-bottom:15px;
		border:1px solid #0f75bc;
		border-top:0px;
		-moz-border-radius: 0 0 5px 5px;
		-webkit-border-radius: 0 0 5px 5px;
		border-radius: 0 0 5px 5px;
		behavior: url(skins/front/broditcenter/css/ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
		background:url('../img/nav-bg-blue.png') repeat-x top left;
	}
	
	.account-related ul {
		margin:0px;
		padding:10px 0px 0px;
		list-style:none;
	}
	
	.account-related ul li {
		float:left;
		/*margin-right:20px;*/
	}
	
	.account-related ul li a {
		color:#fff;
		padding:8px 20px;
	}
	
	.account-related ul li.login-closed {
		display:block;
	}
	
	.account-related ul li.login-closed a.login-link {
		padding:6px 35px 13px 15px;
		background:url('../img/icon-login-closed.png') no-repeat 70px 4px;
	}
	
	
	/* Login pop-up */
	.account-related ul li.login-open {
		display:none;
		position:absolute;
		margin:-7px 0px 0px 107px;
	}
	
	.account-related ul li.login-open a.login-link {
		background:url('../img/icon-login-open.png') no-repeat 70px 4px;
		float:left;
		color:#333;
		padding: 6px 35px 3px 15px;
    	position: relative;
    	z-index: 100;
		border:1px solid #ccc;
		border-bottom:0px;
		background-color:#fcfcfc;
		-moz-border-radius: 10px 10px 0px 0px;
		-webkit-border-radius: 10px 10px 0px 0px;
		border-radius: 10px 10px 0px 0px;
		behavior: url(skins/front/broditcenter/css/ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
	}
	
	#login-pop-up {
		display:block;
		position:absolute;
		float:left;
		margin:31px 0 0;
		background-color:#fcfcfc;
		padding:10px 10px 5px 10px;
		border:1px solid #ccc;
		border-top:0px;
		-moz-border-radius: 0px 10px 10px 10px;
		-webkit-border-radius: 0px 10px 10px 10px;
		border-radius: 0px 10px 10px 10px;
		-moz-box-shadow: 1px 1px 3px #666;
		-webkit-box-shadow: 1px 1px 3px #666;
		box-shadow: 1px 1px 3px #666;
		behavior: url(skins/front/broditcenter/css/ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
	}
	
	#login-form input[type="text"], #login-pop-up input[type="password"] {
		width:230px;
	}
	
	#login-form a.arrow-next-grey {
		display:block;
		background:url('../img/arrow-next-grey.png') no-repeat right 7px;
		margin:0px 15px 0px 0px;
		padding:0px 13px 0px 0px;
		color:#333;
		-moz-border-radius: 0px;
		-webkit-border-radius: 0px;
		border-radius: 0px;
		behavior: url(skins/front/broditcenter/css/ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
	}
	
	#login-form a.arrow-next-grey:hover, #login-form a.arrow-next-grey:focus, #login-form a.arrow-next-grey:active {
		text-decoration:underline;
	}
	
	.account-related ul li.login:hover > #login-pop-up {
		display:block;
	}
	
	/* User account */
	/*.account-related ul li.user-account-closed {
		position:absolute;
	}*/
	
	.account-related ul li.user-account-closed a {
		background:url('../img/icon-login-closed.png') no-repeat right 6px;
		padding:8px 25px 8px 20px;
	}
	
	.account-related ul li.user-account-open {
		display:none;
		position:absolute;
	}
	
	.account-related ul li.user-account-open a {
		background:url('../img/icon-login-open.png') no-repeat right 6px;
		padding:8px 25px 8px 20px;
		color:#333;
    	position: relative;
    	z-index: 100;
		/*border:1px solid #ccc;
		margin:-1px 0px 0px -1px;*/
		border-bottom:0px;
		background-color:#fcfcfc;
		-moz-border-radius: 10px 10px 0px 0px;
		-webkit-border-radius: 10px 10px 0px 0px;
		border-radius: 10px 10px 0px 0px;
	}
	
	.user-account-open ul {
		display:block;
		position:absolute;
		background-color:#fcfcfc;
		margin:5px 0px 0px;
		padding:0px;
		/*border:1px solid #ccc;
		border-top:0px;*/
		-moz-border-radius: 0px 10px 10px 10px;
		-webkit-border-radius: 0px 10px 10px 10px;
		border-radius: 0px 10px 10px 10px;
		-moz-box-shadow: 1px 1px 3px #666;
		-webkit-box-shadow: 1px 1px 3px #666;
		box-shadow: 1px 1px 3px #666;
	}
	
	.user-account-open ul li {
		background:none;
		margin:0px;
		padding:0px;
		clear:both;
		float:left;
	}
	
	.account-related ul li.user-account-open ul li a {
		display:block;
		width:110px;
		height:18px;
		padding:5px 20px;
		background:none;
		color:#333;
	}
	
	.account-related ul li.user-account-open ul li a:hover,
	.account-related ul li.user-account-open ul li a:focus,
	.account-related ul li.user-account-open ul li a:active {
		color:#333;
		background:none;
		background-color:#e8e8e8;
		border:0px;
		-moz-border-radius: 0px;
		-webkit-border-radius: 0px;
		border-radius: 0px;
	}
	
	.account-related ul li.user-account-open ul li.first-item a {
		-moz-border-radius: 0px 10px 0px 0px;
		-webkit-border-radius: 0px 10px 0px 0px;
		border-radius: 0px 10px 0px 0px;
	}
	
	.account-related ul li.user-account-open ul li.last-item a {
		-moz-border-radius: 0px 0px 10px 10px;
		-webkit-border-radius: 0px 0px 10px 10px;
		border-radius: 0px 0px 10px 10px;
	}
	
	/*.account-related ul li.user-account-open:hover > ul {
		display:block;
	}*/
	
	
	/* Shopcart pop-up */
	.account-related ul li.shopcart-closed {
		display:block;
	}
	
	.account-related ul li.shopcart-closed a.shopcart-link {
		background: url("../img/icon-shopcart-white.png") no-repeat scroll left 5px transparent;
    	margin-left: 20px;
    	padding: 6px 10px 13px 30px;
	}
	
	.account-related ul li.shopcart-open {
		display:none;
		position:absolute;
		width:232px;
		margin:-7px 0 0 130px;
	}
	
	.account-related ul li.shopcart-open a.shopcart-link {
		float:right;
		background: url("../img/icon-shopcart-grey.png") no-repeat scroll 10px 8px transparent;
    	padding: 6px 10px 3px 40px;
		position: relative;
    	z-index: 100;
		color:#333;
		border:1px solid #ccc;
		border-bottom:0px;
		background-color:#fcfcfc;
		-moz-border-radius: 10px 10px 0px 0px;
		-webkit-border-radius: 10px 10px 0px 0px;
		border-radius: 10px 10px 0px 0px;
		behavior: url(skins/front/broditcenter/css/ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
	}
	
	#shopcart-pop-up {
		display:block;
		position:absolute;
		float:right;
		width:230px;
		background-color:#fcfcfc;
		margin:31px 0px 0px 0px;
		padding:0px 0px 5px 0px;
		border:1px solid #ccc;
		border-top:0px;
		-moz-border-radius: 10px 0px 10px 10px;
		-webkit-border-radius: 10px 0px 10px 10px;
		border-radius: 10px 0px 10px 10px;
		-moz-box-shadow: 1px 1px 3px #666;
		-webkit-box-shadow: 1px 1px 3px #666;
		box-shadow: 1px 1px 3px #666;
		behavior: url(skins/front/broditcenter/css/ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
	}
	
	
	#shopcart-pop-up ul.shopcart-products {
		margin:0px;
		padding:0px;
		list-style:none;
	}
	
	#shopcart-pop-up ul.shopcart-products li {
		width:100%;
		font-size:12px;
	}
	
	#shopcart-pop-up ul.shopcart-products li p {
		padding:5px 10px;
	}
	
	#shopcart-pop-up ul.shopcart-products li a {
		display:block;
		clear:both;
		float:left;
		padding:5px 10px;
		color:#333;
	}
	
	#shopcart-pop-up ul.shopcart-products li.first-item a {
		-moz-border-radius: 10px 0px 0px 0px;
		-webkit-border-radius: 10px 0px 0px 0px;
		border-radius: 10px 0px 0px 0px;
	}
	
	#shopcart-pop-up ul.shopcart-products li a:hover,
	#shopcart-pop-up ul.shopcart-products li a:focus,
	#shopcart-pop-up ul.shopcart-products li a:active {
		color:#333;
		background-color:#e8e8e8;
	}
	
	#shopcart-pop-up ul.shopcart-products li .product-name {
		float:left;
		width:150px;
	}
	
	#shopcart-pop-up ul.shopcart-products li .product-price {
		float:right;
		width:60px;
		text-align:right;
	}
	
	#shopcart-pop-up a.arrow-next-grey {
		color:#333;
		margin-right:10px;
		padding:0px 15px 0px 0px;
	}
	
	
	
	/* Search field */
	.search-field {
		width:100%;
		height:30px;
	}
	
	.search-field input {
		float:left;
		-moz-border-radius: 0px;
		-webkit-border-radius: 0px;
		border-radius: 0px;
		behavior: url(skins/front/broditcenter/css/ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
	}
	
	.search-field input[type="text"] {
		width:312px;
		padding:5px;
		border-right:0px;
	}
	
	.search-field input[type="submit"] {
		width:66px;
		height:27px;
		color:#333;
		border:1px solid #ccc;
		/*padding:4px 14px 5px 13px;*/
		-moz-box-shadow: 0px 0px 0px #666;
		-webkit-box-shadow: 0px 0px 0px #666;
		box-shadow: 0px 0px 0px #666;
		behavior: url(skins/front/broditcenter/css/ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
		background:url('../img/search-btn-bg.png') repeat-x top left;
	}
	
	.search-field input[type="submit"]:hover, .search-field input[type="submit"]:focus, .search-field input[type="submit"]:active {
		background-position: 0px -26px;
	}
	

/*------------------------
    NAVIGATION
------------------------*/
nav { 
	margin-bottom:15px;
}

ul#main-menu {
	margin:0px;
	padding:0px;
	list-style:none;
	width:100%;
	height:42px;
	font-family:HelveticaNeueRoman, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	border:1px solid #d5d5d5;
	border-right:0px;
	background:url('../img/nav-bg-grey.png') repeat-x top left;
}

ul#main-menu li {
	float:left;
}

ul#main-menu li a {
	display:block;
	border-right:1px solid #e8e8e8;
	padding:11px 30px 9px;
	color:#333;
	font-size:15px;
	text-decoration:none;
	-webkit-transition: all 0.20s linear 0s;
	-moz-transition: all 0.20s linear 0s;
	-o-transition: all 0.20s linear 0s;
	transition: all 0.20s linear 0s;
}

ul#main-menu li a.selected, ul#main-menu li a:hover, ul#main-menu li a:focus, ul#main-menu li a:active {
	color:#fff;
	background:url('../img/nav-bg-blue.png') repeat-x top left;
}

ul#main-menu li.highlighted {
	float:right;
}

ul#main-menu li.highlighted a {
	color:#fff;
	margin-top:-1px;
	padding:14px 20px 7px;
	border:1px solid #009900;
	background:url('../img/nav-bg-green.png') repeat-x top left;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}

ul#main-menu li.highlighted a:hover, ul#main-menu li.highlighted a:focus, ul#main-menu li.highlighted a:active {
	background-position:0px -42px;
	color:#fff;
}


/*------------------------
    HOME PAGE CONTENT
------------------------*/
	
	/* CAROUSEL WRAPPER */
	#carousel-wrapper {
		float:left;
		width:633px;
		height:318px;
		overflow:hidden;
		border:1px solid #ccc;
	}
	
	#carousel-wrapper .jcarousel-control {
		position:absolute;
		float:right;
		z-index:1000;
		margin:10px;
	}
	
	#carousel-wrapper .jcarousel-control a {
		display:block;
		float:left;
		margin-left:10px;
		padding:3px 10px;
		background-color:#efefef;
		color:#333;
		font-size:15px;
		font-weight:bold;
		text-decoration:none;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		behavior: url(skins/front/broditcenter/css/ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
		-webkit-transition: background-color 0.20s linear 0s;
		-moz-transition: background-color 0.20s linear 0s;
		-o-transition: background-color 0.20s linear 0s;
		transition: background-color 0.20s linear 0s;
	}
	
	#carousel-wrapper .jcarousel-control a:hover, 
	#carousel-wrapper .jcarousel-control a:focus, 
	#carousel-wrapper .jcarousel-control a:active {
		background-color:#0F75BC;
		color:#fff;
	}
	
	#carousel-wrapper ul {
		position:absolute;
		margin:0px;
		padding:0px;
		list-style:none;
		width:633px;
		height:318px;
		overflow:hidden;
	}
	
	#carousel-wrapper ul li {
		float:left;
	}
	
	#carousel-wrapper ul li .img-wrapper {
		position:absolute;
		display:block;
		width:633px;
		height:318px;
	}
	
	#carousel-wrapper ul li .text {
		position:absolute;
		width:613px;
		bottom:0;
		padding:10px;
		background:url('../img/label-bg-white.png') repeat top left;
		z-index:1000;
	}
	
	#carousel-wrapper ul li .text #carousel-offer-title {
		display:block;
		height:30px;
		cursor:pointer;
	}
	
	#carousel-wrapper ul li .text h2 {
		float:left;
		margin:0px;
		padding:0px;
		font-size:21px;
		color:#333;
	}
	
	#carousel-wrapper ul li .text .price {
		float:left;
		font-size:16px;
		font-weight:bold;
		padding:5px 0px 0px 10px;
	}
	
	#carousel-wrapper ul li .text #carousel-offer-detail {
		display:none;
	}
	
	#carousel-wrapper ul li .text .desc {
		clear:both;
		float:left;
		margin:0px;
		font-size:13px;
	}
	
	#carousel-wrapper ul li .text .read-more-link {
		float:right;
		margin-top:-20px;
		text-transform:uppercase;
		font-size:12px;
		padding-right:10px;
		background:url('../img/arrow-next-grey.png') no-repeat right 6px;
	}
	
	
	/* FILTER DEVICES */
	#filter-wrapper {
		float:right;
		width:308px;
		height:318px;
		border:1px solid #ccc;
	}
	
	#filter-devices {
		width:100%;
		height:141px;
		background:url('../img/filter-bg-device.png') no-repeat 5px 10px;
	}
	
	#filter-car {
		width:100%;
		height:176px;
		background:url('../img/filter-bg-car-volvo-c70-silver_02.png') no-repeat left bottom;
	}
	
	#filter-wrapper form {
		padding:0px 10px 10px 0px;
		margin-left:90px;
	}
	
	#filter-wrapper h2 {
		padding:5px 0px 0px;
		margin:0px 10px 0 90px;
		border-top:0px;
		color:#474747;
		font-family:HelveticaNeueThin, 'Helvetica Neue', Helvetica, Arial, sans-serif;
		font-size:21px;
		text-align:left;
		line-height:33px;
	}
	
	#filter-wrapper select {
		width:100%;
	}
	
	

	/* HIGHLIGHTED CATEGORIES */
	#highlighted-categories {
		float:left;
		width:100%;
		/*height:360px;*/
		margin:15px 0px 0px 0px;
	}
	
	#highlighted-categories article {
		float:left;
		width:310px;
		height:100%;
		margin-right:15px;
	}
	
	#highlighted-categories article .img-wrapper {
		position:relative;
		width:308px;
		height:178px;
		margin-bottom:15px;
		border:1px solid #ccc;
		overflow:hidden;
	}
	
	#highlighted-categories article .img-wrapper a:hover,
	#highlighted-categories article .img-wrapper a:focus,
	#highlighted-categories article .img-wrapper a:active {
		text-decoration:none;
	}
	
	#highlighted-categories article .img-wrapper .image {
		position:absolute;
		width:308px;
		overflow:hidden;
	}
	
	#highlighted-categories article .img-wrapper .label {
		background:url('../img/label-bg-white.png') repeat top left;
		width:175px;
		position: absolute;
		bottom:15px;
		padding:5px 10px;
		text-transform:uppercase;
		-webkit-transition: all 0.40s linear 0s;
		-moz-transition: all 0.40s linear 0s;
		-o-transition: all 0.40s linear 0s;
		transition: all 0.40s linear 0s;
	}
	
	#highlighted-categories article .img-wrapper .title {
		float:left;
		text-decoration:none;
	}
	
	#highlighted-categories article .img-wrapper .label .arrow-next {
		display:block;
		float:right;
		background:url('../img/arrow-next-grey.png') repeat top left;
		width:6px;
		height:8px;
		margin: 6px 0 0 6px;
	}
	
	#highlighted-categories article h2 {
		color:#474747;
		font-family:HelveticaNeueThin, 'Helvetica Neue', Helvetica, Arial, sans-serif;
		font-size:21px;
		line-height:25px;
		margin:0px;
	}
	
	#highlighted-categories article p.desc {
		
	}
	
	#highlighted-categories article .img-wrapper a:hover .label,
	#highlighted-categories article .img-wrapper a:focus .label,
	#highlighted-categories article .img-wrapper a:active .label {
		background:url('../img/label-bg-blue.png') repeat top left;
		color:#fff;
	}
	
	#highlighted-categories article .img-wrapper a:hover .arrow-next,
	#highlighted-categories article .img-wrapper a:focus .arrow-next,
	#highlighted-categories article .img-wrapper a:active .arrow-next {
		background:url('../img/arrow-next-white.png') repeat top left;
	}
	
	
	
	/* HIGHLIGHTED PRODUCTS */
	#highlighted-products {
		width:100%;
		margin:30px 0px;	
	}
	
	#highlighted-products article {
		float:left;
		width:308px;
		height:100%;
		margin-right:15px;
		border:1px solid #ccc;
		-webkit-transition: border-color 0.20s linear 0s;
		-moz-transition: border-color 0.20s linear 0s;
		-o-transition: border-color 0.20s linear 0s;
		transition: border-color 0.20s linear 0s;
	}
	
	#highlighted-products article:hover {
		border:1px solid #999;
	}
	
	#highlighted-products .img-wrapper {
		float:left;
		width:100px;
		height:195px;
		margin:10px;
		overflow:hidden;
	}
	
	#highlighted-products .img-wrapper img {
		width:100px;
		height:auto;
	}
	
	#highlighted-products .info {
		float:right;
		width:175px;
		height:195px;
		margin:10px 10px 10px 0px;
	}
	
	#highlighted-products .info .text {
		height: 121px;
    	overflow: hidden;
	}
	
	#highlighted-products .info .text h3 {
		line-height: 27px;
    	max-height: 55px;
    	overflow: hidden;
	}
	
	#highlighted-products .info h4 {
	}
	
	#highlighted-products .info p.desc {
		margin-bottom:3px;
	}
	
	#highlighted-products .info p.price {
		height:48px;
		font-size:27px;
		line-height:37px;
	}
	
	#highlighted-categories article.last-item,
	#highlighted-products article.last-item {
		margin-right:0px;
	}


/*------------------------
    SIDEBAR ASIDE
------------------------*/
#sidebar {
	float:left;
	width:190px;
}

ul#category-menu {
	margin:0px;
	padding:0px;
	list-style:none;
}

ul#category-menu li {
	margin-bottom:30px;
}

ul#category-menu li h3 {
	font-family:HelveticaNeueRoman,'Helvetica Neue',Helvetica,Arial,sans-serif;
	color:#000;
	font-size:15px;	
	text-align:left;
	line-height:21px;
	padding:0px;
	border-bottom:1px solid #666;
	background:none;
}

ul#category-menu li h3 a {
	display:block;
	padding:5px 20px 2px;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	behavior: url(skins/front/broditcenter/css/ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
	-webkit-transition: background-color 0.30s linear 0s;
	-moz-transition: background-color 0.30s linear 0s;
	-o-transition: background-color 0.30s linear 0s;
	transition: background-color 0.30s linear 0s;
}

ul#category-menu li h3 a.selected {
	background-color: #F3F3F3;
    color: #0E74BC;
}

ul#category-menu li h3 a:hover {
	background-color: #0E74BC;
	color:#fff;
}

ul#category-menu li h3 a:visited, ul#category-menu li h3 a:hover,
ul#category-menu li h3 a:focus, ul#category-menu li h3 a:active {
	text-decoration:none;
}

ul#category-menu li ul {
	margin:0px;
	padding:0px;
	list-style:none;
}

ul#category-menu li ul li {
	margin:0px;
	padding:0px;
	border-bottom:1px solid #ccc;
}

ul#category-menu li ul li a {
	display:block;
	padding:5px 20px;
	-webkit-transition: background-color 0.20s linear 0s;
	-moz-transition: background-color 0.20s linear 0s;
	-o-transition: background-color 0.20s linear 0s;
	transition: background-color 0.20s linear 0s;
}

ul#category-menu li ul li.selected a {
	color:#0f75bc;
	background:url('../img/arrow-next-blue.png') no-repeat 170px center;
}

ul#category-menu li ul li a:hover {
	background-color:#ececec;
	text-decoration:none;
}


/*------------------------
    CONTENT
------------------------*/
#content {
	float:right;
	width:750px;
}

	/* Breadcrumbs */
	ul#breadcrumbs {
		margin:0px;
		padding:0px;
		height:20px;
		list-style:none;
		background:url('../img/divider-width.png') no-repeat bottom left;
		padding:0px 0px 10px 0px;
	}
	
	ul#breadcrumbs li {
		float:left;
		margin:0px 5px 0px 0px;
		padding:0px 10px 0px 0px;
		background:url('../img/divider-slash.png') no-repeat right 6px;
		color:#333;
		font-size:13px;
	}
	
	ul#breadcrumbs li a:hover, ul#breadcrumbs li a:focus, ul#breadcrumbs li a:active {
		color:#0f75bc;
	}
	
	ul#breadcrumbs li.last-item {
		border:0px;
		background:none;
	}

p.desc {
	color:#333;
	font-size:15px;
	line-height:21px;
	margin-bottom:15px;
}


/*------------------------
    PRODUCT OVERVIEW 
------------------------*/
.product-overview { }

	/* Filter options */
	#filter-options {
		clear:both;
		float:left;
		width:730px;
		border:1px solid #e2e2e2;
		background-color:#fefefe;
		margin-bottom:15px;
		padding:10px 10px 0;
	}
	
	#filter-options h3 {
		background:url('../img/icon-login-open.png') no-repeat 100px top;
		display: block;
		font-size: 21px;
		line-height: inherit;
		margin: 0 0 5px 0;
		padding: 0px;
		text-align: left;
		cursor:pointer;
		color:#0f75bc;
	}
	
	#filter-options h3:hover, #filter-options h3:focus, #filter-options h3:active {
		text-decoration:underline;
	}
	
	#filter-options h3.closed {
		background:url('../img/icon-login-closed.png') no-repeat 100px top;
	}
	
	#filter-options #filter-options-fields {
		display:block;
		margin-top:10px;
	}
	
	#filter-options div {
		clear:both;
		/*float:left;*/
	}
	
	#filter-options label, #filter-options select, #filter-options input {
		float:left;
		margin-right:15px;
	}
	
	#filter-options label {
		width:70px;
	}
	
	#filter-options select {
		width:150px;
	}
	
	
	/* Pagination */
	.pagination {
		width:100%;
		height:22px;
		margin:0px 0px 15px 0px;
	}
	
	.pagination p.page-amount {
		float:left;
		width:240px;
		margin-right:15px;
		font-size:12px;
	}
	
	.pagination .view-per-page {
		float:left;
		margin-right:15px;
	}
	
	.pagination nav {
		float:right;
	}
	
	.pagination ul.page-numbers {
		margin:0px;
		padding:0px;
		list-style:none;
	}
	
	.pagination ul.page-numbers li {
		float:left;
		margin:0px 0px 0px 5px;
		padding:0px 0px 0px 0px;
	}
	
	.pagination ul.page-numbers li a {
		display:block;
		text-decoration:none;
		padding:0px 7px;
		border:1px solid #333;
	}
	
	.pagination ul.page-numbers li.next {
		margin-right:0px;
	}
	
	.pagination ul.page-numbers li.prev a {
		background:url('../img/arrow-prev-grey.png') no-repeat center center;
		display:block;
		width:8px;
		height:21px;
		/*padding:0px 10px;*/
		margin-right:0px;
		text-indent:-9999px;
	}
	
	.pagination ul.page-numbers li.next a {
		background:url('../img/arrow-next-grey.png') no-repeat center center;
		display:block;
		width:8px;
		height:21px;
		/*padding:0px 10px;*/
		margin-right:0px;
		text-indent:-9999px;
	}
	
	.pagination ul.page-numbers li.next a:hover, 
	.pagination ul.page-numbers li.next a:focus, 
	.pagination ul.page-numbers li.next a:active {
		background:url('../img/arrow-next-blue.png') no-repeat center center;
	}
	
	.pagination ul.page-numbers li.prev a:hover, 
	.pagination ul.page-numbers li.prev a:focus, 
	.pagination ul.page-numbers li.prev a:active {
		background:url('../img/arrow-prev-blue.png') no-repeat center center;
	}
	
	.pagination ul.page-numbers li a:hover,
	.pagination ul.page-numbers li a:focus,
	.pagination ul.page-numbers li a:active,
	.pagination ul.page-numbers li.current a {
		color:#0f75bc;
		border:1px solid #0f75bc;
	}
	
	.pagination ul.page-numbers li.prev,
	.pagination ul.page-numbers li.next,
	.pagination ul.page-numbers li.last-item {
		border:0px;
	}
	
	#view-per-page-form label {
		float:left;
		margin-right:5px;
	}
	
	#view-per-page-form select {
		padding:0px;
	}
	

/* Product results */
#product-results {
	float:left;
	width:100%;
	margin-bottom:0px;
}

#product-results article {
	float:left;
	width:218px;
	height:275px;
	margin:0px 15px 15px 0px;
	padding:10px;
	border:1px solid #ccc;
	-webkit-transition: border-color 0.20s linear 0s;
	-moz-transition: border-color 0.20s linear 0s;
	-o-transition: border-color 0.20s linear 0s;
	transition: border-color 0.20s linear 0s;
}

#product-results article:hover {
	border:1px solid #999;
}

#product-results article .img-wrapper {
	width:218px;
	height:174px;
	margin-bottom:10px;
	overflow:hidden;
}

#product-results article .img-wrapper img {
	width:auto;
	height:174px;
}

#product-results article h3 {
	height:65px;
	overflow:hidden;
    font-size: 16px;
    line-height: 24px;
}

#product-results article p.price {
	font-size:21px;
}

#product-results article.last-item {
	margin-right:0px;
}


/*------------------------
    PRODUCT DETAIL
------------------------*/
#product-detail {
	width:100%;
	height:600px;
}

#product-detail .product-image {
	float:left;
	width:350px;
	height:333px;
}

.product-image .img-wrapper {
	width:348px;
	height:261px;
	background-color:#fff;
	border:1px solid #ccc;
	-webkit-transition: border-color 0.20s linear 0s;
	-moz-transition: border-color 0.20s linear 0s;
	-o-transition: border-color 0.20s linear 0s;
	transition: border-color 0.20s linear 0s;
}

.product-image .img-wrapper a {
	display:block;
	width:348px;
	height:261px;
}

.product-image .img-wrapper .image {
	position:absolute;
	width:auto;
	height:261px;
}

.product-image .img-wrapper a:hover .icon-magnifier {
	background-color:#ebebeb;
	border:1px solid #666;
}


ul#img-gallery {
	margin:10px 0 0;
	padding:0px;
	list-style:none;
}

ul#img-gallery li {
	float:left;
	width:78px;
	height:58px;
	overflow:hidden;
	background-color:#fff;
	margin-right:10px;
	border:1px solid #ccc;
	-webkit-transition: border-color 0.20s linear 0s;
	-moz-transition: border-color 0.20s linear 0s;
	-o-transition: border-color 0.20s linear 0s;
	transition: border-color 0.20s linear 0s;
}

ul#img-gallery li a {
	width:78px;
	height:58px;
	display:block;
}

/*ul#img-gallery li img {
	width:58px;
	height:auto;
}*/

ul#img-gallery li.last-item {
	margin:0px;
}


.product-image .img-wrapper:hover,
ul#img-gallery li:hover {
	border:1px solid #999;
}

#product-detail .product-info {
	float:right;
	width:370px;
	height:333px;
}

#product-detail .product-info h2 {
	font-size:27px;
	height:60px;
	margin-bottom:0px;
	overflow:hidden;
}

p.product-nr {
	color:#666;
	font-size:11px;
}

ul#product-specs {
	height:82px;
	margin:10px 0px 0px 0px;
	padding:0px;
	list-style:none;
	overflow:hidden;
}

ul#product-specs li {
	clear:both;
	float:left;
}

ul#product-specs li .subject {
	float:left;
	width:80px;
	font-weight:bold;
}

ul#product-specs li .desc {
	float:left;
	width:290px;
}

#product-detail .product-info p.price {
	margin:20px 0px 16px 0px;
	font-size:27px;
	font-weight:bold;
}

.public-opinion {
	clear:both;
	float:left;
	width:100%;
	margin-top:10px;
}

.public-opinion .reviews-link {
	float:left;
	margin-right:10px;
	font-size:15px;
}

.public-opinion .addthis_toolbox {
	clear:both;
	float:left;
	margin-top:10px;
}

ul.social-sharing {
	float:right;
	margin:0px;
	padding:0px;
	list-style:none;
}

ul.social-sharing li {
	float:left;
	margin:10px 0 0;
}

ul.social-sharing li.last-item {
	margin-right:0px;
}

a.addthis_button_facebook_like iframe {
	width:90px !important;
}

a.addthis_button_tweet iframe {
	width:80px !important;
}

a.addthis_button_google_plusone div {
	width:60px !important;
}

.addthis_default_style .at300b, .addthis_default_style .at300bo, .addthis_default_style .at300m {
	padding:0px;
}


/* Product info tabs */
#tabs {
	clear:both;
	float:left;
	margin:30px 0px;
}

#tabs ul {
	margin:0px;
	padding:0px;
	list-style:none;
}

#tabs ul li {
	float:left;
	margin-right:5px;
}

.ui-tabs .ui-tabs-nav li {
	font-weight:normal !important;
}

#tabs ul li a {
	font-size:15px;
	font-weight:none;
	padding:5px 15px;
	border:1px solid #ccc;
}

#tabs div.product-description, #tabs div.product-details {
	clear:both;
	float:left;
	width:730px;
	padding:10px;
	margin-top:-1px;
	border:1px solid #ccc;
	background-color:#fff;
}

.devices-details-info, .car-details-info {
	width:340px;
	height:200px;
	overflow:auto;
}

.devices-details-info h4, .car-details-info h4 {
	font-size:19px;
	border-bottom:1px solid #333;
}

.devices-details-info ul li,
.car-details-info ul li {
	clear:both;
	float:left;
	margin-right:0px !important;
	padding:5px 0px;
	border-bottom:1px solid #ccc;
}

.devices-details-info ul li.title,
.car-details-info ul li.title {
	display:block;
	clear:none;
	float:none !important;
	margin:0px;
	padding:0px;
	border-bottom:0px;
}

.devices-details-info ul li.last-item,
.car-details-info ul li.last-item {
	border-bottom:0px;
}

.devices-details-info ul li .brand, .devices-details-info ul li .type {
	float:left;
	width:150px;
}

.car-details-info ul li .brand, .car-details-info ul li .type {
	float:left;
	width:114px;
}

.car-details-info ul li .modelyear {
	float:left;
	width:112px;
}

/*.devices-details-info ul li.last-item,
.car-details-info ul li.last-item {
	border:0px; 
}*/

.devices-details-info ul li a,
.car-details-info ul li a {
	border:0px !important;
	margin:0px !important;
	padding:0px !important;
	font-size:13px !important;
}



/* JQUERY UI TABS */
.ui-tabs {
    position: relative;
}

.ui-helper-clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

.ui-helper-clearfix {
    display: block;
}

.ui-helper-clearfix {
    display: inline-block;
}

.ui-helper-reset {
    border: 0 none;
    font-size: 100%;
    line-height: 1.3;
    list-style: none outside none;
    margin: 0;
    outline: 0 none;
    padding: 0;
    text-decoration: none;
}

.ui-widget-header {
	width:100%;
}

.ui-tabs .ui-tabs-nav li {
    float: left;
    list-style: none outside none;
    margin: 0 31px 0 0;
    padding: 0px;
    position: relative;
    white-space: nowrap;
	font-weight:bold;
}

.ui-tabs .ui-tabs-nav li a {
    float: left;
    text-decoration: none;
	color: #C0BDB8;
	background-color:#ececec;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
    margin-bottom: 0;
    border-bottom: 0px !important;
	color: #333;
	background-color:#fff;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {
    cursor: text;
}

.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
    cursor: pointer;
}
ui-tabs .ui-tabs-panel {
    background: none repeat scroll 0 0 transparent;
    border-width: 0;
    display: block;
    padding: 1em 1.4em;
}

.ui-tabs .ui-tabs-hide {
    display: none !important;
}

.ui-tabs .ui-tabs-panel {
    background: none repeat scroll 0 0 transparent;
    border-width: 0;
    display: block;
    padding: 20px 0px 0px 0px;
}


/*------------------------
    LIGHTBOX
------------------------*/
#lightbox-container-image-data-box {
	position: relative;
    top: -530px;
}

#lightbox-container-image-data {
	height:20px;
	padding:10px 0px !important;
}

#lightbox-image-details-caption {
	color:#474747;
	font-family:HelveticaNeueThin, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size:15px;
}

#lightbox-image-details-currentNumber {
	font-size:11px !important;
	color:#666 !important;
}

#lightbox-secNav-btnClose {
	width:25px !important;
	padding-bottom:0px !important;
}

#lightbox-nav {
    /*position: absolute;
    left: 560px !important;
    top: -17px !important;
	width: 50px !important;
	height: 25px !important;*/
}

#lightbox-nav a {
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}

#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	/*width:20px;
	height:20px !important;
	border:1px solid #ccc;
	background-color:#fff;
	width:50px;
	height:50px;*/
}

#lightbox-nav-btnPrev {
	margin-left:10px!important;
	
}

#lightbox-nav-btnNext {
	margin-right:10px!important;
}

#lightbox-nav-btnPrev:hover, #lightbox-nav-btnPrev:focus, #lightbox-nav-btnPrev:active,
#lightbox-nav-btnNext:hover, #lightbox-nav-btnNext:focus, #lightbox-nav-btnNext:active {
	/*background-position:0px -50px !important;*/
}

#lightbox-secNav-btnClose {
	display: block;
	border: 1px solid #CCCCCC;
	height: 20px;
    padding-top: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-transition: background-color, border-color 0.20s linear 0s;
	-moz-transition: background-color, border-color 0.20s linear 0s;
	-o-transition: background-color, border-color 0.20s linear 0s;
	transition: background-color, border-color 0.20s linear 0s;
}

#lightbox-secNav-btnClose:hover,#lightbox-secNav-btnClose:focus, #lightbox-secNav-btnClose:active {
	background:#ebebeb;
	border: 1px solid #666;
}

/*------------------------
    PRODUCT REVIEWS
------------------------*/
#product-reviews { }

#product-reviews h3 a {
	color:#0f75bc;
	text-decoration:none;
	cursor:auto;
}

#product-reviews a.btn-review {
	float:right;
	margin-top:-45px;
}

#reviews-comment {
	margin-bottom:30px;
}

#reviews-comment article {
	margin-bottom:15px;
	padding-bottom:15px;
	border-bottom:1px solid #ccc;
}

#reviews-comment article header {
	height:inherit;
	margin-bottom:10px;
}

#reviews-comment .comment-person {
}

#reviews-comment .comment-date {
	color:#666;
	font-style:italic;
}

#reviews-comment p.comment {
	font-size:13px;
}

#reviews-comment article.last-item {
	border:0px;
}

#comment-placer {
	width:728px;
	padding:15px 10px;
	border:1px solid #e2e2e2;
	margin-bottom:30px;
}

#comment-placer h3 {
	float:left;
	margin:0px 0px 10px 0px;
	padding:0px;
	font-size:21px;
	text-align:left;
	line-height:21px;
	background:none;
}

p.required-text {
	float:right;
	color:#666;
}

#comment-form {
	clear:both;
}

#comment-form .required-validation {
	color:#ff0000;
	font-size:12px;
}

#comment-form input[type="text"] {
	width:300px;
}

#comment-form textarea {
	width:715px;
	min-width:715px;
	max-width:715px;
	min-height:100px;
	margin-bottom:10px;
}

#comment-form input[type="submit"] {
	clear:both;
	margin-bottom:0px;
}


/*------------------------
    SEARCH RESULTS PAGE
------------------------*/
#filter-results {
	clear:both;
}

#filter-results select {
	margin-top:5px;
}

p.desc .keyword {
	color:#0f75bc;
	font-size:17px;
	font-weight:normal;
	font-style:italic;
}

p.desc .count {
	color:#0f75bc;
	font-size:17px;
	font-weight:bold;
}



/*------------------------
    CONTACT
------------------------*/
#contact-form-wrapper {
	border: 1px solid #E2E2E2;
    margin-bottom: 30px;
    padding: 15px 10px;
    width: 728px;
}

#contact-form-wrapper h2 {
	background: none repeat scroll 0 0 transparent;
    float: left;
    font-size: 21px;
    line-height: 21px;
    margin: 0 0 10px;
    padding: 0;
    text-align: left;
}

#contact-form {
	margin-top:15px;
}

#contact-form p {
	clear:both;
	float:left;
}

#contact-form label { 
	clear:both;
	float:left;
	width:120px;
	margin-right:20px;
}

#contact-form input[type="text"], #contact-form select, #contact-form textarea { 
	float:left;
}

#contact-form input[type="radio"], #contact-form input[type="checkbox"] {
	float:left;
	margin-top:5px;
}

#contact-form input[type="text"] {
	width:300px;
}

#contact-form textarea {
	width:400px;
	min-width:400px;
	max-width:400px;
	min-height:100px;
	margin-bottom:10px;
}

.captcha-code {
	margin-top:20px;
}

.captcha-code label {
	width:120px;
}

.captcha-code img, input.captcha-input {
	float:left;
}

#contact-form .button {
	float:left;
	margin-left:485px;
}


/*------------------------
    FAQ
------------------------*/
#faq-overview {
}

#faq-overview ul {
	margin:0 0 20px 40px;
	padding:0px;
	list-style:decimal-leading-zero;
	font-size:21px;
}

#faq-overview ul li {
	margin-bottom:15px;
}

#faq-overview ul li h3 {
	margin:0px;
	padding:0px;
	background:none;
}

#faq-overview ul li a {
	display:block;
	padding:10px 0px;
	margin:0 0 10px 0;
	border-bottom:1px solid #ccc;
	font-size:19px;
	text-align:left;
}

#faq-overview ul li ul {
	margin:0 0 20px 40px;
	border-bottom:0px;
	list-style:decimal;
	font-size:17px;
}

#faq-overview ul li ul li {
	border-bottom:0px;
}

#faq-overview ul li ul li a {
	border-bottom:0px;
	padding:0px;
	font-size:15px;
}

#faq-items ul li {
	list-style:none;
}

/*------------------------
    TERMS & CONDITIONS
------------------------*/
ul#terms-conditions {
	margin:0 0 20px 40px;
	padding:0px;
	list-style:decimal-leading-zero;
	font-size:21px;
}

ul#terms-conditions li {
	margin-bottom:15px;
}

ul#terms-conditions li a {
	display:block;
	padding:10px 0px;
	margin:0 0 10px 0;
	border-bottom:1px solid #ccc;
	font-size:19px;
	text-align:left;
}



/*------------------------
    SITEMAP
------------------------*/
ul.sitemap-list {
	margin:0 0 20px 0px;
	padding:0px;
	list-style:none;
	font-size:21px;
}

ul.sitemap-list li {
	margin-bottom:15px;
	/*border-bottom:1px solid #999;*/
}

ul.sitemap-list li a {
	display:block;
	padding:10px 0px;
	margin:0 0 10px 0;
	border-bottom:1px solid #ccc;
	font-size:15px;
}

ul.sitemap-list li ul {
	margin:0 0 20px 40px;
	border-bottom:0px;
	list-style:decimal;
	font-size:17px;
}

ul.sitemap-list li ul li {
	border-bottom:0px;
}

ul.sitemap-list li ul li a {
	border-bottom:0px;
	padding:0px;
	font-size:15px;
}

/*------------------------
    SHOPCART
------------------------*/
ol#payment-steps {
	margin:20px 0 0 30px;
	padding:0px;
	/*list-style:decimal;*/
}

ol#payment-steps li {
	float:left;
	font-size: 21px;
	margin-right:87px;
	color:#999;
}

ol#payment-steps li h3 {
	color:#999;
	font-size:15px;
	line-height:inherit;
	text-transform:uppercase;	
}

ol#payment-steps li.current,
ol#payment-steps li.current h3 {
	color:#333;
}

ol#payment-steps li.current {
	border-bottom:2px solid #333;
}

ol#payment-steps li.last-item {
	margin-right:0px;
}

form#shopping-cart-order,
#shopping-cart-personal-data,
#shopping-cart-confirmation {
	margin-top:30px;
}

#shopping-cart-confirmation table thead tr td {
	font-weight:bold;
}

ul#shopcart-total {
	float:right;
	/*width:250px;*/
	margin:0px;
	padding:0px;
	list-style:none;
}

ul#shopcart-total li {
	padding:10px 0px;
	border-bottom:1px solid #ccc;
}

ul#shopcart-total li .subject {
	display:block;
	float:left;
	width:130px;
}

ul#shopcart-total li .price {
	margin-right:80px;
}

ul#shopcart-total li.last-item {
	border-bottom:0px;
}
	
	/* Choose Payment-method */
	#choose-payment-method { }
	
	#choose-payment-method table tr td.radio-btn,
	#product-delivery-pick-up table tr td.radio-btn { 
		width:30px;
		padding-top:10px;
	}
	
	#choose-payment-method table tr td.payment-method,
	#product-delivery-pick-up table tr td.shipment-method { 
		width:200px; 
	}
	
	#choose-payment-method table tr td.transaction-costs,
	#product-delivery-pick-up table tr td.shipment-costs {
		width:100px;
	}
	
	#choose-payment-method table tr td.payment-total { 
	}
	
	#choose-payment-method table tr td.payment-logos { 
		display:none;
	}
	
	#invoice-addresses p.required-text {
		margin-top:-45px;
	}
	
	#invoice-addresses label {
		float:left;
		width:110px;
	}
	
	#invoice-addresses input[type="text"], #invoice-addresses input[type="checkbox"] {
		float:left;
	}
	
	#invoice-addresses input[type="text"] {
		width:225px;
	}
	
	p.automatic-fill-text {
		margin:0px 0px 10px 120px;
	}
	
	/* Payment-method */
	#payment-method, #shopping-address, #product-delivery-pick-up, #invoice-addresses {
		clear:both;
		float:left;
		width:100%;
		margin-top:40px;
	}
	
	#payment-method h3, #shopping-address h3, #choose-payment-method h3, #product-delivery-pick-up h3, #invoice-addresses h3 {
		border-bottom:1px solid #333;
	}
	
	#payment-method h3, #shopping-cart-personal-data #shopping-address h3, #shopping-cart-personal-data #invoice-addresses h3 {
		margin-bottom:17px;
	}
	
	#payment-method ul {
		margin:0px;
		padding:0px;
		list-style:none;
	}
	
	#payment-method ul li {
		clear:both;
		float:left;
		height:15px;
	}
	
	#payment-method ul li span {
		float:left;
		margin-right:20px;
	}
	
	#payment-method ul li span.radio-btn {
		margin-right:16px;
	}
	
	#payment-method ul li span.name {
		width:173px;
	}
	
	#payment-method ul li span.image {
		width:32px;
		height:28px;
		overflow:hidden;
	}
	
	#payment-method ul li span.image img {
		width:32px;
	}
	
	
	/* Invoice address */
	#shopping-address .invoice-address table tbody tr td strong,
	#shopping-address .deliver-address table tbody tr td strong {
		float:left;
		width:100px;
	}
	
	.invoice-address {
		float:left;
		width:360px;
		margin-right:30px;
	}
	
	.invoice-address textarea {
		width:225px;
		min-width:225px;
		max-width:225px;
		height:100px;
		min-height:100px;
	}
	
	.invoice-address p.newsletter {
		margin-top:10px;	
	}
	
	#shopping-address label {
		float:left;
		width:104px;
	}
	
	#shopping-address input[type="text"] {
		border:1px solid #999999;
		width:352px;
		height:16px;
		padding:2px 5px;
	}
	
	#shopping-address p.desc {
		clear:both;
		margin:0 0 10px 104px;
		font-weight:bold;
		color:#C0BDB8;
	}
	
	#shopping-address input.zipcode, #shopping-address input.housenr {
		float:left;
		width:69px;
		height:16px;
		padding:2px 5px;
	}
	
	#shopping-address input.zipcode {
		margin-right:14px;
	}
	
	 #shopping-address label.housenr {
		width:auto;
		margin-right:5px;
	 }
	
	#shopping-address table tbody tr {
		height:25px;
	}
	
	#shopping-address p.terms-conditions-check {
		padding-left:104px;
		height:20px;
	}
	
	#shopping-address p.terms-conditions-check input[type="checkbox"] {
		float:left;
		margin:0px;
	}
	
	#shopping-address p.terms-conditions-check label {
		width:300px;
		margin-left:10px;
		font-weight:bold;
	}
	
	/* Deliver address */
	.deliver-address {
		float:left;
		width:360px;
	}
	
	.deliver-address p.check-address input[type="checkbox"], 
	.deliver-address p.check-address label {
		float:left;
		width:auto !important;
		margin-right:10px;
	}
	
	.deliver-address p.check-address label {
		padding-top:4px;
		font-size:14px;
	}
	
	.invoice-address table, .deliver-address table {
		margin-bottom:20px;
	}
	
	/* Confirmation message */
	#confirmation-wrapper {
		clear:both;
		padding-top:20px;
	}
	

.btn-wrapper input.next,
.btn-wrapper input.prev {
	padding:5px 10px;
}

.btn-wrapper input.next {
	display:block;
	padding:5px 30px 5px 18px;
	border: 1px solid #0F75BC;
	background: #0f75bc;
	background-image: url('../img/arrow-next-white-space.png'); /* fallback */
	background-image: url('../img/arrow-next-white-space.png'), -webkit-gradient(linear, left top, left bottom, from(#0f75bc), to(#68b1e3)); /* Saf4+, Chrome */
	background-image: url('../img/arrow-next-white-space.png'), -webkit-linear-gradient(top, #0f75bc, #68b1e3); /* Chrome 10+, Saf5.1+ */
	background-image: url('../img/arrow-next-white-space.png'), -moz-linear-gradient(top, #0f75bc, #68b1e3); /* FF3.6+ */
	background-image: url('../img/arrow-next-white-space.png'), -ms-linear-gradient(top, #0f75bc, #68b1e3); /* IE10 */
	background-image: url('../img/arrow-next-white-space.png'), -o-linear-gradient(top, #0f75bc, #68b1e3); /* Opera 11.10+ */
	background-image: url('../img/arrow-next-white-space.png'), linear-gradient(top, #0f75bc, #68b1e3); /* W3C */
	background-repeat:no-repeat;
	background-position: right center;
	-webkit-transition: all 0.20s linear 0s;
	-moz-transition: all 0.20s linear 0s;
	-o-transition: all 0.20s linear 0s;
	transition: all 0.20s linear 0s;
}

.btn-wrapper input.next:hover, .btn-wrapper input.next:focus, .btn-wrapper input.next:active {
	background-image: url('../img/arrow-next-white-space.png'); /* fallback */
	background-image: url('../img/arrow-next-white-space.png'), -webkit-gradient(linear, left top, left bottom, from(#68b1e3), to(#0f75bc)); /* Saf4+, Chrome */
	background-image: url('../img/arrow-next-white-space.png'), -webkit-linear-gradient(top, #68b1e3, #0f75bc); /* Chrome 10+, Saf5.1+ */
	background-image: url('../img/arrow-next-white-space.png'), -moz-linear-gradient(top, #68b1e3, #0f75bc); /* FF3.6+ */
	background-image: url('../img/arrow-next-white-space.png'), -ms-linear-gradient(top, #68b1e3, #0f75bc); /* IE10 */
	background-image: url('../img/arrow-next-white-space.png'), -o-linear-gradient(top, #68b1e3, #0f75bc); /* Opera 11.10+ */
	background-image: url('../img/arrow-next-white-space.png'), linear-gradient(top, #68b1e3, #0f75bc); /* W3C */
}

.btn-wrapper input.prev {
	display:block;
	padding:5px 18px 5px 30px;
	border: 1px solid #0F75BC;
	background: #0f75bc;
	background-image: url('../img/arrow-prev-white-space.png'); /* fallback */
	background-image: url('../img/arrow-prev-white-space.png'), -webkit-gradient(linear, left top, left bottom, from(#0f75bc), to(#68b1e3)); /* Saf4+, Chrome */
	background-image: url('../img/arrow-prev-white-space.png'), -webkit-linear-gradient(top, #0f75bc, #68b1e3); /* Chrome 10+, Saf5.1+ */
	background-image: url('../img/arrow-prev-white-space.png'), -moz-linear-gradient(top, #0f75bc, #68b1e3); /* FF3.6+ */
	background-image: url('../img/arrow-prev-white-space.png'), -ms-linear-gradient(top, #0f75bc, #68b1e3); /* IE10 */
	background-image: url('../img/arrow-prev-white-space.png'), -o-linear-gradient(top, #0f75bc, #68b1e3); /* Opera 11.10+ */
	background-image: url('../img/arrow-prev-white-space.png'), linear-gradient(top, #0f75bc, #68b1e3); /* W3C */
	background-repeat:no-repeat;
	background-position: left center;
	-webkit-transition: all 0.20s linear 0s;
	-moz-transition: all 0.20s linear 0s;
	-o-transition: all 0.20s linear 0s;
	transition: all 0.20s linear 0s;
}

.btn-wrapper input.prev:hover, .btn-wrapper input.prev:focus, .btn-wrapper input.prev:active {
	background-image: url('../img/arrow-prev-white-space.png'); /* fallback */
	background-image: url('../img/arrow-prev-white-space.png'), -webkit-gradient(linear, left top, left bottom, from(#68b1e3), to(#0f75bc)); /* Saf4+, Chrome */
	background-image: url('../img/arrow-prev-white-space.png'), -webkit-linear-gradient(top, #68b1e3, #0f75bc); /* Chrome 10+, Saf5.1+ */
	background-image: url('../img/arrow-prev-white-space.png'), -moz-linear-gradient(top, #68b1e3, #0f75bc); /* FF3.6+ */
	background-image: url('../img/arrow-prev-white-space.png'), -ms-linear-gradient(top, #68b1e3, #0f75bc); /* IE10 */
	background-image: url('../img/arrow-prev-white-space.png'), -o-linear-gradient(top, #68b1e3, #0f75bc); /* Opera 11.10+ */
	background-image: url('../img/arrow-prev-white-space.png'), linear-gradient(top, #68b1e3, #0f75bc); /* W3C */
}


/*------------------------
    LOGIN FORM
------------------------*/
#login-form-wrapper {
	float:left;
	width:340px;
	margin:0px 0px 50px 0px;
	padding:0px;
}

#login-form-wrapper #login-form {
	margin-top:8px;
}

#login-form-wrapper p {
	clear:both;
}

#login-form-wrapper p.form-btns {
	padding-top:14px;
}

#login-form-wrapper label {
	float:left;
	width:120px;
}

#login-form-wrapper input[type="text"],
#login-form-wrapper input[type="password"] {
	width:198px;
}

#login-form-wrapper input[type="password"] {
	float:left;
}

#login-form-wrapper input[type="checkbox"] {
	float:left;
	margin:5px 10px 0px 0px;
}

#login-form-wrapper label[for=automatic-login-check] {
	cursor:pointer;
	width:inherit;
}

#login-form-wrapper a.lost-password-link {
	float:left;
	font-weight:bold;
	/*margin-left:120px;*/
}

#login-form-wrapper .button {
	float:right;
}

/*------------------------
    REGISTER PROMO
------------------------*/
#register-promo-wrapper {
	float:left;
	width:340px;
	margin:0px 0px 0px 30px;
	padding:0px 0px 0px 30px;
	border-left:1px solid #ccc;
}


/*------------------------
    REGISTER FORM
------------------------*/
#register-form-wrapper {
}

#register-form-wrapper h3 {
	margin-top:30px;
}

#register-form-wrapper p {
	clear:both;
}

#register-form-wrapper label {
	float:left;
	width:150px;	
}

#register-form-wrapper input[type="text"] {
	float:left;
	width:300px;
}

#register-form-wrapper input[type="checkbox"] {
	margin-top:5px;
}

#register-form-wrapper input[type="radio"] {
	margin-right:10px;
}

input#postalcode,
input#delivery_postalcode {
	float:left !important;
	width:50px !important;
}

input#address_number,
input#delivery_address_number {
	float:left !important;
	width:50px !important;
}

#register-form-wrapper label[for=house-nr] {
	width:inherit !important;
	margin-left:120px !important;
}

.invoice-address label[for=house-nr],
#delivery_address label[for=house-nr] {
	width:inherit !important;
	margin-left:52px !important;
}

#register-form-wrapper .button {
	clear:both;
	float:left;
	margin-left:370px;
}


/*------------------------
    FORGOTTEN PASSWORD FORM
------------------------*/
#forgotten-password-form-wrapper {
	width:410px;
}

#forgotten-password-form-wrapper input[type="text"] {
	width:310px;
}


/*------------------------
    EDIT PROFILE FORM
------------------------*/
#edit-profile-form { }


/*------------------------
    ORDER LIST FORM
------------------------*/
#order-list-wrapper { }

/*#order-list-wrapper tr:hover, #order-list-wrapper tr:focus, #order-list-wrapper tr:active { 
	color:#333;
	background-color:#ececec;
}*/

#order-list-wrapper tr td.order-numb {
	width:501px;
}

#order-list-wrapper tr td.order-date {
	width:170px;
}

#order-list-wrapper tr td.order-status {
	width:100px;
	text-align:right;
}

#order-detail-wrapper {
	margin-top:30px;
}

#order-detail-wrapper table {
	display:block;
}

#order-customer-details {
	clear:both;
	float:left;
	margin-top:30px;
}

#order-customer-details .block {
	width:360px;
}

#order-customer-details .block h3 {
	border-bottom:1px solid #333;
	margin-bottom:10px;
}

#order-customer-details .block p {
	clear:both;
	float:left;
}

#order-customer-details .block label {
	float:left;
	width:150px;
}


/*------------------------
    FOOTER
------------------------*/
footer {
	margin-top:30px;
	margin-bottom:30px;
}

ul#footer-menu {
	margin:0px;
	padding:20px 0px 0px;
	background:url('../img/divider-width.png') no-repeat top left;
	list-style:none;
}

ul#footer-menu li {
	float:left;
	width:209px;
	height:250px;
	background:url('../img/divider-length.png') no-repeat top right;
	margin-right:30px;
}

ul#footer-menu li.first-item {
	margin-left:20px;
}

ul#footer-menu li.last-item {
	border-right:0px;
	margin-right:0px;
	margin-left:0px;
	background:none;
}

ul#footer-menu li ul {
	margin: 5px 0px 0px;
	padding:0px;
	list-style:none;
	color:#333;
	font-size:13px;
	line-height:21px;
}

ul#footer-menu li ul li {
	clear:both;
	float:left;
	height:auto;
}
	
	/* Social follow us */
	ul.social-follow-us {
		margin:0px;
		padding:0px;
		list-style:none;
	}
	
	ul#footer-menu li ul.social-follow-us li,
	ul.social-follow-us li {
		clear:none;
		float:left;
		width:auto;
		margin-right:10px;
		background:none;
	}
	
	ul.social-follow-us li img {
		width:30px;
		height:30px;
		opacity:0.7;
	}
	
	ul.social-follow-us li:hover img {
		opacity:1;
	}
	
	/* Newsletter subscribe */
	.newsletter-subscribe {
		float:left;
		margin-top:10px;
	}
	
	.newsletter-subscribe input[type="text"] {
		width:97%;
		margin-top:5px;
	}

/*------------------------
    NEWSLETTER SUBSCRIBE
------------------------*/
#newsletter-subscribe-form {
	width:340px;
}

#newsletter-subscribe-form label {
	float:left;
	width:120px;
}

#newsletter-subscribe-form input[type="text"] {
	width:198px;
}

#newsletter-subscribe-form input.button {
	clear:both;
	float:right;
}