/*	
	20111010: Davo's sratch styles
*/
/* 6.TABLES ============================================================================= */

table {
margin-bottom : 1.4em;
width : 100%; }

th, td { 
vertical-align : top; }

th { 
padding : 4px 5px 4px 0; 
font-weight : normal; }

thead th {
background : transparent; }

th, td, caption { 
padding : 4px 10px 4px; }

caption {
margin-bottom : 1.5em;
background : transparent; 
font-size : 1.2em;
line-height : 1.25; }

tfoot {
font-style : italic; }

thead th,
thead td {
border-bottom : 1px solid rgb(200,200,200); }

tbody tr:nth-child(even) th,
tbody tr:nth-child(even) td {
background-color : rgb(240,240,240); }
 
.file th {
width : 120px; }

td.dt {
width : 102px; 
min-height : 16px;
padding-left : 18px; 
background : url(../img/ui/calendar-small.html) no-repeat 0 5px; }

td.order {
vertical-align : center; }


/*	Standards > products */

table.products th { font-weight:700; text-align:left; border:2px solid #666; border-width:0 0 2px 0; }

table.product { border:1px solid #ddd; border-width: 0 0 1px 0; }
table.product th { text-align:left; }
table.product th span { display:block; }
table.product tr.striped th,
/*	table.product tr.striped td { background-color:#ddd; }*/
table.product tr td { border:1px solid #ddd; border-width:0 0 1px 0; }
table.product tr.striped td { border:1px solid #ddd; border-width:0 0 1px 0; }
table.product tr.prod th, tr.prod td { border:1px solid #ddd; border-width: 1px 0 0 0; }
table.product tr.prod td { border:1px solid #ddd; border-width: 1px 0 1px 0; }
/*table.product thead { display:none; }*/

table.details { border:1px solid #ddd; }
table.details th { font-weight:700; text-align:left; border-right: 1px solid #ddd; }

/* 7.FORMS ============================================================================= */

/* 10 CONTENT ============================================================================= */

/* 11 CONTENT > MAIN ============================================================================= */

/* 12 CONTENT > COMPLEMENTARY ============================================================================= */

.complementary input {width:70%;}
.popbox a {z-index: 1;}
.popbox .box {z-index: 2;}

/* ===== Highlighted formats (enhanced PDF etc...) ===== */
.highlighted-format-item {
	background-color: #fafafa;
	margin: 30px 0;
	padding: 2em;
	border: 1px solid #e8e8e8;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 0 0 4px #E8E8E8;
	-webkit-box-shadow: 0 0 4px #E8E8E8;
	box-shadow: 0 0 4px #E8E8E8;
}

.highlighted-format-item img {
	float: left;
	width: 25%;
	margin: 0 5% 10px 0;
	box-shadow: 2px 2px 5px 1px #ccc;
}

.highlighted-format-item p {
	margin-bottom: 1em;
}

.highlighted-format-item .line span {
	display: inline-block;
	padding: 0 15px;
	margin-bottom: 10px;
	border-right: 1px solid #ccc;
}

.highlighted-format-item .line span.first { padding-left: 0; }
.highlighted-format-item .line span.last {
	padding-right: 0;
	border: none;
}

.highlighted-format-item .preview_block {
	margin-bottom: 0;
	text-align: right;
	padding-right: 20px;
	font-size: 12px;
}

.ie9 .highlighted-format-item .btn.icon_addtobasket,
.ie8 .highlighted-format-item .btn.icon_addtobasket,
.ie7 .highlighted-format-item .btn.icon_addtobasket,
.highlighted-format-item .btn.icon_addtobasket {
	background-image: url("icon_addtobasket_hover_ie.jpg");
}

.highlighted-format-item .btn.icon_addtobasket {
	background-image: url("icon_addtobasket_hover.png"), -webkit-gradient(linear, 0 0, 0 100%, from(#fff), color-stop(0.25, #fff), to(#e6e6e6));
	background-image: url("icon_addtobasket_hover.png"), -webkit-linear-gradient(#fff, #fff 0.25, #e6e6e6);
	background-image: url("icon_addtobasket_hover.png"), -moz-linear-gradient(#fff, #fff 0.25, #e6e6e6);
	background-image: url("icon_addtobasket_hover.png"), -o-linear-gradient(#fff, #fff 0.25, #e6e6e6);
	background-image: url("icon_addtobasket_hover.png"), linear-gradient(#fff, #fff 0.25, #e6e6e6);
	text-decoration: none;
}

@media only screen and (max-width: 480px) {
	.highlighted-format-item .btn.icon_addtobasket {
		text-indent: initial;
		padding-right: 14px;
	}
}

@media only screen and (max-width: 550px) {
	.highlighted-format-item img {
		display: none;
	}
}

/**
 * 2014-07-22 New Store
 */

.format-box {
	background-color:#333;
	margin-bottom: 40px;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
	border-radius: 4px;
}

.format-box > h3 {
	color: #fff;
	font-weight: normal;
	padding: 10px 10px 4px 10px;
	letter-spacing: 1px;
}

.format-box .tabs {
	border: none;
	margin: 0 0 0 20px;
	list-style-type: none;
}

.format-box .tabs li {
	height: auto;
	margin-right: 10px;
}

.format-box .tabs li a,
.format-box .tabs li a.active {
	width: 52px;
	height: 54px;
	margin: 0;
	padding: 0;
	top: auto;
	border: none;
	font-size: 9px;
	text-align: center;
	position: relative;
	outline: 0;
}

.ie8 .format-box .tabs li a {
	width: 42px;
	height: 44px;
	background-position: 5px 5px;
}

.ie8 .format-box .tabs li a span {
	display: none;
}

.format-box .tabs li a span {
	position: absolute;
	bottom: 4px;
	left: 0;
	width: 100%;
	line-height: 9px;
	color: #fff;
}

.format-box .tabs li a.active span {
	color: #333;
}

.format-box .tabs .online {background: url('icon-online.png') no-repeat 10px 5px;}
.format-box .tabs .redline {background: url('icon-redline.png') no-repeat 10px 5px;}
.format-box .tabs .pdf-epub {background: url('icon-epub.png') no-repeat 10px 5px;}
.format-box .tabs .paper {background: url('icon-paper.png') no-repeat 10px 5px;}

.format-box .tabs li a.active,
.format-box .tabs-content {
	background-color:#f8f8f8;
}

.format-box .tabs-content {
	list-style-type: none;
}

.format-box .tabs-content .format-description {
	padding: 15px;
}

.main .sectors-container {
	margin: 30px 0;
}

.complementary .sectors-container {
	margin-bottom: 30px;
}

.main .sectors-container .menu-sectors.push-left {
	width:47%;
	float:left;
}

.main .sectors-container .menu-sectors.push-right {
	width:47%;
	float:right;
}

.menu-sectors {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.menu-sectors li {
	margin-bottom: 5px;
	position: relative;
}

.menu-sectors li .icon {
	display: block;
	width: 30px;
	height: 30px;
	position: absolute;
	left: 0;
	top: 0;
	background-repeat: no-repeat;
	background-position: left bottom;
}

.menu-sectors li.sector-itsecurity .icon {background-image: url('sprite-itsecurity-redgray-30.png');}
.menu-sectors li.sector-quality .icon {background-image: url('sprite-quality-redgray-30.png');}
.menu-sectors li.sector-environment .icon {background-image: url('sprite-environment-redgray-30.png');}
.menu-sectors li.sector-food .icon {background-image: url('sprite-food-redgray-30.png');}
.menu-sectors li.sector-medical .icon {background-image: url('sprite-medical-redgray-30.png');}

.menu-sectors li a {
	display: block;
	margin-left: 0;
	padding-left: 35px;
	padding-top: 6px;
	min-height:25px;
	background-color: #f8f8f8;
	color: #404040;
}

.menu-sectors li a:hover,
.menu-sectors li.active a {
	background-color: #f1f1f1;
	text-decoration: none;
}

.menu-sectors li a:hover .icon,
.menu-sectors li.active .icon {
	background-position: left top;
}

table.spaced-zebra-table {
	border: none;
	margin-bottom: 40px;
}

table.spaced-zebra-table tbody tr td {
	background-color: transparent;
}

table.spaced-zebra-table tbody tr.odd td {
	background-color: #f7f7f7;
}

table.spaced-zebra-table tbody tr td {
	padding: 12px 10px;
}

.intro-sector {
	margin-bottom: 40px;
}


/**
 * Squarebox
 */
.squarebox {
	background-color: #f8f8f8;
	margin-bottom: 2em;
	position: relative;
	border:1px solid #efefef;
}

.squarebox .squarebox-image {
	width: 30%;
	height: auto;
	float: left;
	position:relative;
}

.squarebox .squarebox-image img {
	display:block;
}

.squarebox-icon {
	position:absolute;
	bottom:5px;
	left:5px;
	width:25px;
	height:25px;
	background-image: url('onlinecollection_icon.png');
}
figure .squarebox-icon {
	bottom:9px;
}

@media only screen and (max-width: 992px) {
	.squarebox-icon {
		bottom:13px;
	}
}

.squarebox .squarebox-text {
	margin: 1em 1em 1em 33%;
}

.squarebox .btn {
	text-decoration: none;
	float:right;
	margin-bottom:1em;
}

/* squarebox small */
.squarebox.small {
	background-color: transparent;
	border:none;
	margin-bottom:0.5em;
}

.squarebox.small .squarebox-image {
	width: 100px;
	height: 100px;
}

.squarebox.small .squarebox-text {
	margin: 0 1em 1em 120px;
}


@media only screen and (max-width: 600px) {
	.main .sectors-container .menu-sectors.push-left,
	.main .sectors-container .menu-sectors.push-right {
		float: none;
		width:100%;
	}
	.squarebox .squarebox-image {
		margin:1em;
	}
	.squarebox .squarebox-text {
		margin-left:1em;
	}
	
}