﻿/*---{ Imports )-------------------------------------------------------*/

@import "form.css";
@import "caddy.css";
@import "shoppingbag.css";
@import "products.css";
@import "account.css";
/*@import "webshop.css";*/
@import "shoppingcart.css";
@import "home.css";
@import "search.css";
@import "ui.core.css";
@import "ui.base.css";
@import "ui.spinner.css";
@import "lightbox.css";
@import "jquery.jcarousel.css";
@import "googlemaps.css";
@import "store.css";
@import "vacancy.css";
@import "news.css";
@import "thickbox.css";


/*---{ colLeft And colRight )-----------------------------------------------*/

#content .colLeft {
	float: left;
	width: 780px;
}

#content .colRight {
	float: right;
	width: 195px;
	padding-left: 5px;
}


/*---{ Languagenav )-------------------------------------------------------*/

#languageNav {
	position: absolute;
	right: 140px;
	top: 0px;
}

#languageNav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#languageNav ul li {
	padding: 0;
	margin: 0;
	list-style: none;
	float: left;
	margin-left: 4px;
}

/*---{ Membernav )-------------------------------------------------------*/

#memberNav {
	position:absolute;
	right:0;
	color: #454545;
	top: 3px;
}



/*---{ Favorites )-------------------------------------------------------------*/

#favourites {
	position: absolute;
	width: 140px;
	background-color: #ECECEC;
	top: 55px;
	right: 200px;
	color: #fff;
	padding: 11px 0 11px 0;
	text-align: center;
}

#favourites a {
	color: #000;
}

#favourites a:hover {
	text-decoration: none;
}

/*---{ Custom elements )-------------------------------------------------------*/

.thumb table {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border-collapse: collapse;
}

.thumb table tr {
	height: 100%;
}
	
.thumb table tr td {
	height: 100%;
	vertical-align: middle;
}

a img {
	border: 0;
}

td.right {
	text-align: right;
}


/*---{ Default table )-------------------------------------------------------*/

table.default {
	margin: 10px 0 10px 0;
	padding: 0;
	border-collapse: collapse;
	border: 0px;
	width: 100%;
}
table.default thead td {
	font-weight: bold;
}
table.default th,
table.default td {
	margin: 0;
	padding: 0 1px;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
	line-height: 26px;
	/*border: 1px solid red;*/
}
table.default th {
	width: 120px;
}
table.default td {
	padding-left: 12px;
}
table.default tfoot td {
	border-top: 1px dotted #dddddd;
	font-weight: bold;
}
table.default td.required,
span.requiredField,
table tr th.required {
	background: url(../images/required.gif) right 6px no-repeat;
}
.clsReq {
	color: #D23232;
	font-size: 11px;
}
table.default td.button {
	padding-top: 10px;
}

/*---{ Box)-------------------------------------------------------*/

.box h2 {
	border-bottom: 0px;
	font-size: 100%;
	text-transform: uppercase;
	background-color: #0075bb;
	color: #fff;
	padding: 4px;
	margin-bottom: 5px;
}

.box h2 a {
	display: block;
	color: #fff;
}

.box h2 a:hover {
	text-decoration: none;
}

/*---{ Other custom )-------------------------------------------------------*/

.small {
	font-size: 90%;
}

.left {
	float: left;
}

.right {
	float: right;
}

.error { 
	border: 1px solid #E7604D;
	background: #FCE9E6 url(../images/ico_alert_16x16.png) no-repeat 5px 50%;
	padding: 8px 8px 8px 24px;
	margin-bottom: 20px;
}

.ok { 
	border: 1px solid #5B942C;
	background: #B8EF84;
	padding: 8px 8px 8px 8px;
	margin-bottom: 20px;
}

/* ---------- */
#container .carousel,
#container .carousel .carousel-wrap{margin:0;border:0;zoom:1;}
#container .js .carousel-wrap{display:inline-block;vertical-align:middle;width:970px;margin:0;}
.IE #container .js .carousel-wrap{display:inline;}
#container .carousel ul{margin:0;padding:0;zoom:1;}
#container .js ul li{overflow:hidden;display:inline;float:left;width:970px;height:348px;text-align:center;}
#container .carousel .carousel-control{overflow:hidden;display:inline-block;vertical-align:middle;width:40px;height:40px;cursor:pointer;line-height:999px;zoom:1;}
#container .carousel .carousel-next{display:none;}
#container .carousel .carousel-previous{display:none;}
#container .carousel .carousel-control:hover{-moz-opacity:.7;opacity:0.70;filter:alpha(opacity=70);}
#container .carousel .disabled,
#container .carousel .disabled:hover{-moz-opacity:.1;opacity:0.10;filter:alpha(opacity=10);cursor:default;}
#container .carousel div{margin:0;padding:0;border:0;}
#container .carousel ul{padding:0;list-style:none;}
#container .carousel ul li{position:relative;width:970px;margin:0;}
#container .carousel ul li cite{position:absolute;bottom:3px;right:10px;line-height:19px;font-size:11px;}
#container .carousel ul li cite a img{vertical-align:middle;}
#container .carousel ul li cite a{color:#fff;text-decoration:none;}
