/*
    Document   : common.css
    Author     : Jool.nl | Martijn van der Hulst
*/

@import url(menu.css);
@import url(content.css);
@import url(content2.css);
@import url(maincontent.css);
@import url(home.css);
@import url(productList.css);
@import url(webshop1.css);
@import url(webshop3.css);
@import url(webshop4.css);
@import url(webshopCart.css);
@import url(afrekenen.css);
@import url(vergelijken.css);
@import url(inloggen.css);

.limiter {background-color: #0194D8; }

html, body {
	padding         : 0;
	margin          : 0;
	text-align      : center;
	font-family: "Trebuchet MS", Verdana, arial, sans-serif;
}

body {
	background  : rgb(255,255,255) url("../images/body.png") center -70px repeat-x !important;
}

body.cms-home	{
    background-position: center 0 !important;
}

body.cms-home .wrapper {
    background-position:0 206px !important;
}

input[type=text],input[type=password],textarea,select,option{
	color: #313195 !important;
	font: 13px "Trebuchet MS" !important;
}
.outsourceonline-captcha-contacts-index input[type="text"], 
.outsourceonline-captcha-contacts-index input[type="password"], 
.outsourceonline-captcha-contacts-index textarea, 
.outsourceonline-captcha-contacts-index select, 
.outsourceonline-captcha-contacts-index option, 
.contacts-index-index input[type="text"], 
.contacts-index-index input[type=password],
.contacts-index-index textarea,
.contacts-index-index select,
.contacts-index-index option{
	width: 495px;
}
.contacts-index-index .validation-advice {margin-left:0px;}

/* Webpage wrapper. */
#wrapper, .wrapper {
	background: url(../images/contentOverlayWhite.png) 0px 140px no-repeat;
	margin       : 0 auto;
	width        : 960px;
	text-align   : left;
}

/* Header. */
#header, .header-container {
	height       : 280px;
	width        : 960px;
	position	 : relative
}

/*logo*/
#logo, .logo{
	background  : url("../images/logo.png") left top no-repeat;
	width		: 275px;
	height		: 148px;
	float		: left
}

/*topmenu*/
#topMenu, .links-container{
	width   : 480px;
	height  : 148px;
	float	: left;
}

#topMenu ul, .links-container ul{
	margin		: 0;
	padding		: 75px 0 0 0;
	list-style	:	none outside;
}

#topMenu li, .links-container li{
	float		: left;
	margin		: 0;
	padding		: 0 7px 0 8px;
	border-left	: 1px solid rgb(255,255,255);
}

#topMenu li.last, .links-container li.last{
	border-right: 1px solid rgb(255,255,255);
}

#topMenu a, .links-container a{
	text-decoration	: none;
	color			: rgb(3,37,101);
	padding-right	: 5px;
	font-size		: 12px;
}


/*cart*/
#cart, .top-cart{
	background  : url("../images/winkelmandje.png") left top no-repeat;
	width		: 205px;
	height		: 148px;
	float		: left;
}

.breadcrumbs ul{
	width		: 565px;
	padding		: 0;
	margin		: 0;
	position	: absolute;
	top		: 237px;
	left		: 25px;
}

.breadcrumbs ul li{
	list-style	: none;
	float		: left;
	padding		: 0;
	margin		: 0;
}

/*search*/
/*#search,*/ #mini-search{
	width		: 360px;
	height		: 30px;
	padding		: 0;
	margin		: 0;
	position	: absolute;
	top			: 232px;
	left		: 596px;
}

#search form, #mini-search form{
	margin: 0;
	padding: 0;
}
#search input[type='text'], #mini-search input[type='text'],
#search .text, #mini-search .text{
	height		: 22px;
	line-height	: 17px;
	border		: 1px solid rgb(28,178,243);
	color		: rgb(49,49,149);
	float		: left;
	margin:1px 16px 0 0;
	width:200px;
}
#search button, #mini-search button{
	background	: url("../images/buttonUni.png") left center no-repeat;
	cursor:pointer;
	display:block;
	padding:0 20px 0 0;
	width:125px;
	border: none;
	overflow: visible;
	float:left;
font-size:13px;
text-transform:uppercase;
}

#search button span,
#mini-search button span{
	background	: url("../images/buttonUni.png") right top no-repeat;
	color:white;
	display:block;
	float:left;
	height:25px;
	line-height:24px;
	margin-left:40px;
	padding:0 40px 0 0;
	position:relative;
	right: -5px;
	white-space:nowrap;
}

#search span.button, #mini-search span.button {
    position:absolute;
    margin:1px 0 0 340px;
    top: 0px;
}

#search_autocomplete { background: white; border: 1px solid #1CB2F3; z-index: 666; width: 200px}
#search_autocomplete ul { list-style: none; margin: 0; padding: 2px 5px; }
#search_autocomplete ul li { list-style: none; margin: 0; cursor: pointer}
#search_autocomplete ul li span { float: right; }

/* Content wrapper. */
#contentWrapper, .page {
	width		: 950px;
	margin		: 0 -2px;
	position	: relative;
}

#content, .col-main{
	margin-bottom :25px;
	position	: relative;
}

/* brands. */
#brands {
	border-top	: 1px solid #7cd4fa;
	width		: 950px;
	position	: relative;
	height		: 60px;
	padding		: 20px 0;
	margin		: 25px 5px 0 5px;
	text-align	: center;
}

#brands img{
	margin		:  0 0 0 42px;
}

#brands img.first{
	margin		:  0;
}

/* sitemap. */
#sitemap {
	background	: url("../images/sitemap.png") left top no-repeat;
	width		: 950px;
	position	: relative;
	padding-top : 10px;
	margin		: 0 5px 25px;
}

#sitemapContent div.addressInfo,
#sitemapContent div.pageLinks,
#sitemapContent div.cateogryLinks {
	width		: 169px;
	float		: left;
	line-height	: 22px;
	padding		: 0 0 0 20px;
    
}

address{font-style	: normal; line-height: 22px;}

#sitemapContent div.addressInfo,
#sitemapContent div.pageLinks {
	border-right: 1px solid white;
}

#sitemapContent div.cateogryLinks {
	padding-top: 34px;
}
#sitemapContent div.cateogryLinks h2 {
	margin-top: -34px;
	margin-bottom: 7px;
}
#sitemapContent div.cateogryLinks h3 {
	padding-top:5px;
}
#sitemapContent{
	background	: url("../images/sitemap.png") left bottom no-repeat;
	width		: 950px;
	position	: relative;
	padding		: 10px;
}

#sitemapContent ul{
	list-style	: none;
	margin:0 0 20px;
	padding		: 0 0 0 10px;
}

#sitemapContent h2{
	font-size: 16px;
	margin-bottom:10px;
	padding-top:5px;
	color: #383AA0 !important;
}

#sitemapContent li h3{
	font-size:12px;
	font-weight:bold;
}

#sitemapContent li a{
	text-decoration: none;
	line-height: 22px;
	color:#383AA0;
}

#sitemapContent li.last{
	margin-bottom: 20px;
}

/* Clears. */
.clear {
	clear       : both;
}
.clearLeft {
	clear       : left;
}
.clearRight {
	clear       : right;
}

/* Accessibility div. */
.accessibility {
	display     : none;
}

/* img border */
a img{
	border		: none;
}

.uppercase  {
    text-transform: uppercase;
}

.category-products .pager{ position: absolute; right:-166px; top: 0px;}
.category-products .pager ul li{float: left; list-style: none; margin-right: 2px}
.category-products .pager ul li a,
.category-products .pager ul li.current { display:block; height:30px; padding-top:6px; text-decoration: none; text-align:center; width:30px; color: white; background: url("../images/buttonNumber.png") left top no-repeat; }
.category-products .pager ul li.current { color:#172983;}
.category-products .pager ul li a.previous,
.category-products .pager ul li a.next { background-image: none; padding-top: 0; height:30px;  width:30px;}

#sidebarRight .view/*verifyneed*/.hasIcon p, .col-right .view/*verifyneed*/.hasIcon p{
    margin: 6px 12px 0 12px;
    width: auto;
}

#sidebarRight .view button.notext, .col-right  .view button.notext{
    background-image: url("../images/buttonVergelijkenBlank.png");
    margin-bottom:10px;
}

#sidebarRight .view button.notext, .col-right .view button.notext{
    color:#FFFFFF;
    font-family:Trebuchet MS;
    font-size:13px;
    padding:0 0 6px 28px;
    text-align:left;
}

.priceStrike    {
    background-image:url("../images/priceStrike.png");
    display:block;
    height:10px;
    margin:-14px 0 0 80px;
    position:absolute;
    width:30px;
}

.catalogsearch-result-index .priceStrike {
    margin:-13px 0 0 62px;
}

.userdata .icon {
    background-image:url("../images/iconUserdata.png") !important;
}
.history .icon {
    background-image:url("../images/iconHistory.png") !important;
    left:-2px !important;
    top:-11px !important;
}
.favorite .icon {
    background-image:url("../images/iconPin.png") !important;
    left: 13px !important;
}

.product-img-box img.img-lightbox {
	position: absolute;
}

.product-img-box .more-views img {
	position: relative !important;
}

.product-img-box .img-lightbox{
	width: 118px;
}

.product-img-box .more-views{
/*	height: 80px;*/
	width: 125px;
}

.product-img-box{
	position: relative !important;
}

.product-img-box .product-img-box-overlay{
	background: url('../images/searchItemImage.png') left top no-repeat;
	height:119px;
	left:0;
	position:relative;
	top:0;
	width:119px;
}




/*span.button,
span.button a, button span {
    background: transparent url("../images/buttonUni.png") 0 0 no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}*/
span.button,
span.button */*, button **/	{
    margin: 0;
    padding: 0;
    line-height: 16px;
    color: #fff;
    text-transform: uppercase;
    font-family:'Trebuchet MS', Verdana, sans-serif;
    font-size:13px;
    text-decoration: none;
    white-space: nowrap;
}
span.button {
    display:block;
    height:26px;
    padding:4px;
    width:21px;
    clear: both;
	zoom:1;
}
span.button a	{
	background:url("../images/btn-blue.png") no-repeat scroll right 3px transparent;
    padding: 3px 10px 8px 0;
    margin-left:25px;
}

#cart p, .top-cart p	{
    color: #1CB2F3;
    padding: 70px 15px 0 35px;
    font-size: 12px;
}
#cart a, .top-cart a	{
    position: relative;
    top: 10px;
    color: #383AA0;
    font-weight: bold;
    text-decoration: none;
    background: transparent url("../images/dotArrow.png") left center no-repeat;
    padding-left: 8px;
}
#cart a.payCartBtn , .top-cart a.payCartBtn {
    left: 17px;
}


.overlayIcon	{
    position: absolute;
    width: 45px;
    height: 45px;
    background: transparent url() left top no-repeat;
    margin: -8px 0 0 8px;
}



.overlayIcon.afrekenen	{
    background: transparent url("../images/iconKassa.png") left top no-repeat;
}
.overlayIcon.tas	{
background:url("../images/iconBag.png") no-repeat scroll left top transparent;
height:70px;
margin:3px 0 0 0;
width:70px;
left:680px;
	position: relative;
}
.overlayIcon.cart	{
    margin: -20px 0 0 -5px;
    width: 70px;
    height: 70px;
    background-image:url("../images/cartOverviewIcon.png") !important;
}

span.button.bigOrange,
span.button.bigOrange a	{
    background-image: url("../images/buttonUniBigOrange.png");
}
span.button.bigOrange	{
    padding: 15px;
}
span.button.bigOrange a	{
    padding: 15px 25px 25px 15px;
    margin-left:36px;
}

.fit	{
    width: 0px !important;
}
.fit *	{
    white-space: nowrap;
}

p.star	{
    position: absolute;
    top: 50px;
    left: 88px;
    width: 92px;
    height: 70px;
    padding-top: 30px !important;
    margin: 0;
    padding: 0;
    text-align: center;
    background: transparent url("../images/star.png") center top no-repeat;
    font-weight: bold;
    font-size: 12px;
    line-height:18px !important;
}
p.star strong,
p.star b{
    display: block;
    font-size:14px;
    color: #f00;
}

.bluebox {
    margin: 0 !important;
    width: 545px !important;
    background-color: #ecf8fe;
}
.bluebox .infoIcon{
	margin:-8px;
}
.bluebox.topcurve,
.bluebox.bottomcurve{
    background: transparent url("../images/boxSprite.png") 0 0 no-repeat;
    height: 4px;
}
.bluebox.bottomcurve {
    background-position: -545px 0;
    height: 4px;
}

.bluebox td {
    vertical-align: top;
    /*width: 50%;*/
    /*height: 95px;*/
    padding: 0;
}
.bluebox td:first-child	{
    /*border-right: 1px solid #fff;*/
}
.bluebox td	{
    border-top: 1px solid #fff;
}
.bluebox tr:first-child td {
    border-top: none;
}
.bluebox p {
    margin: 5px !important;
    line-height:15px !important;
    font-size: 12px;
	/*height:60px;
	oveflow: hidden;*/
}
.bluebox img	{
    float: left;
    margin: 0 8px 0 0;
    width: 78px;
	height: 78px;
}
.bluebox strong{
    display: block;
    padding-bottom: 4px;
}
.bluebox .button    {
    background:url("../images/btn-blue.png") no-repeat scroll left 3px transparent;
    margin:59px 0 0 148px;
    position:absolute;
    z-index:10;
}

ul.messages{
	list-style:none outside none;
	background-color:lightGoldenRodYellow;
	border:1px solid orange;
	margin-bottom:20px;
	margin-left:10px;
	padding:5px;
}

.messages li{
	list-style:none outside none;
	margin:0;
	padding:0;
}

.error-msg li{
/*	border: 1px solid red;
	padding: 5px;
	margin-bottom: 10px;*/
}

/*catalog-category-view*/
.catalog-category-view .priceStrike{
	margin-left: 60px;
}


/**dashboard**/

.dashboard .page-title h1{
	margin-left: 0px;
}

.dashboard .welcome-msg,
.dashboard .box-info{
	border-bottom:1px solid #7CD4FA !important;
	padding-bottom: 15px;
}


.dashboard .box-head h2{
	color:#0396D9 !important;
	margin-bottom:10px;
}

.dashboard  .box-title a,
.dashboard address a{
	float: right;
	background: url("../images/iconPen.png") no-repeat scroll right top transparent;
	line-height:24px;
	padding-right:22px;
}

.dashboard .col-1,
.dashboard .col-2{
	clear: both;
	padding-bottom:15px;
}

.dashboard h3{
	margin-bottom: 5px;
}

/*account gegevens bewerken*/
.customer-account-edit .page-title h1{
	margin-left: 0px;
}

.customer-account-edit #change_password{
	width: 12px;
	float:left;
	margin-left:144px;
	border: none !important;

}
p.back-link a{
	display: none;
}

/** account ares toevoegen*/
.customer-address-form .page-title h1{
	margin-left:0px;
}

.customer-address-form .input-box {
	float:  left !important;
}

.customer-address-form .input-box select{
	border: 1px solid #0396D9;
}

/**favorieten*/
.wishlist-index-index a.removebutton {
	margin:-8px 0 0 -5px;
	position:absolute;
	background: url(../images/buttonVerwijderen.png) left top no-repeat;
	width: 26px;
	height: 26px;
	z-index: 666;
}


.wishlist-index-index .column.one{
	width:auto !important;
}
.wishlist-index-index .column.one .img-overlay-container{
	width: 119px;
	height: 119px;
	overflow: hidden;
	position: relative;
}
.wishlist-index-index .column.one .img-overlay{
	background: url(../images/searchItemImage.png) left top no-repeat;
	width: 119px;
	height: 119px;
	position: relative;
	top:-116px;
}

.wishlist-index-index .column.tree .priceStrike{
	margin-left: 60px;
}

/*contact page*/
#contactForm {
	width:495px;
}

.cms-contact .page-title h1{
	margin-left: 0px;
}

.cms-contact label{
	width: 85px;
	height: 25px;
	text-align: right;
	float:left;
	font-weight: bold;
}

.cms-contact input[type=text],.cms-contact textarea{
	width: 400px;
	border: 1px solid #0396D9;
	float: right;
	margin-bottom: 5px;
}

.cms-contact p.required{
	margin-left: 85px;
}

.customer-address-form .control{
	clear: both;
}


/*onestep checkout*/
.onestepcheckout-index-index .onestepcheckout-totals th span.price{
	padding-right: 15px;
	float: right;
}

/*wish list*/
.wishlist-index-index td.text{
	height:88px;
}

/*home**/


body.cms-home .contentItem p {
    margin:15px 0 0 17px !important;
    width:183px;
    overflow:hidden;
    height:75px;
}

/*upsell*/
.catalog-product-view .upsell-container{
	margin-top:5px;
	padding:0 0 0 10px;
	position:relative;
	width:255px;
}

.catalog-product-view .upsell-container-text-wrapper,
.catalog-product-view .upsell-container-text-wrapper p strong a {
    /*height:80px;*/
    overflow:hidden;
    position:relative;
}
.catalog-product-view .upsell-container-text-wrapper p{
    margin: 0!important;
}
.catalog-product-view .upsell-container-text-wrapper p strong a	{
    height: auto;
    max-height: 30px;
    display:block;
}
.catalog-product-view .upsell-img-box-overlay  {
	background:url("../images/searchItemImageSmall.png") no-repeat scroll left top transparent;
	height:80px;
	position:absolute;
	top:0;
	width:80px;
}

.catalog-product-view .checkbox.related-checkbox{
	position:absolute;
	right:3px;
	top:0;
}

#prevLink:hover, #prevLink:visited:hover    {
    background-position: left top !important;
}
#nextLink:hover, #nextLink:visited:hover    {
    background-position: right top !important;
}
.catalog-product-view .block-related h1,
.catalog-product-view .box-up-sell h1	{
    margin: 35px 3px 15px;
}

.isMAC span.button a	{
    padding-top: 4px;
}

.catalog-product-view .product-view {
	position:relative;
}

.sales-order-view .my-account h2{
	margin: 20px 0 10px 0;
}