﻿/*---FilterMore---*/
#FilterMore {
	position: fixed;
	bottom:20%;
	left:43%;
	margin:0 -260px 5px;
	padding:19px;
	width:680px;
	background: #fff;
	z-index: 999;
	border: 1px solid #000;
	height:auto;
}
#FilterMore .showless {
	position:absolute;
	bottom:10px;
	right:10px;
	cursor:pointer;
	font-size:10px;
}
/**/
.showmore {
	cursor:pointer;
    color: #4998F0;
    outline: medium none;	
	width:35px;
}

#content .colLeftCategory {
	float: left;
	width: 220px;
	/*width: 710px;*/
}

#content .colRightCategory {
	float: right;
	/*width: 220px;*/
	width: 710px;
	/*overflow: hidden;*/
}




#content .colLeft {
	float: left;
	width: 710px;
}

#content .colRight {
	float: right;
	width: 220px;
	/*overflow: hidden;*/
}

#miniCart {
	position: absolute;
	right: 22px;
	top: 10px;
	display: block;
	height: 64px;
	width: 134px;
	padding: 0;
	margin: 0;
	background: url(../images/minicart-bg.gif) left top no-repeat;
	z-index: 11;
	color: #c4c4c4;
	outline: none;
}

#miniCart .miniCartNumber {
	padding:0;
	margin:0;
	position:absolute;
	left:56px;
	top:8px;
}

#miniCart #shoppingcartTotal {
	position:absolute;
	left:56px;
	top:22px;
	font-size:14px;
	font-weight:bold;
}


#memberNav{
	position:absolute;
	z-index:1;
	right:20px;
	top:18px;

}


#memberNav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	float: left;
	z-index: 1;
}
#memberNav ul li {
	float: left;
	margin: 0;
	padding: 0 3px 0 0;
	list-style: none;
	text-align: left;
	background: url(../images/tab.gif) left top no-repeat;
}
#memberNav ul li a {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 30px;
	color: #b2b2b2;
	color:#cecece;

	font-size: 11px;
	padding-left: 30px;
	display: block;
	width: 105px;
	height: 30px;
	overflow: hidden;
}
#memberNav ul li a.favorites {
	background: url(../images/icon_favorites.gif) 10px 50% no-repeat;
}
#memberNav ul li a.account {
	background: url(../images/icon_account.gif) 10px 50% no-repeat;
}
#memberNav ul li a.shoppingcart {
	background: url(../images/icon_shoppingcart.gif) 10px 50% no-repeat;
}

/*---{ Shoppingbag )-------------------------------------------------------*/

#shoppingBag {
	float: right;
	width: 190px;
	color: #000000;
	padding: 11px 0 11px 0;
	background-color: #ECECEC;
	text-align: center;
}

#shoppingBag a {
	color: #000;
	padding: 0;
	margin: 0;
}

#shoppingBag a:hover {
	text-decoration: none;
}

/*---{ Favorites )-------------------------------------------------------------*/

#favorites {
	float: right;
	width: 140px;
	background-color: #ECECEC;
	color: #ffffff;
	padding: 11px 0 11px 0;
	text-align: center;
}

#favorites a {
	color: #000;
}

#favorites a:hover {
	text-decoration: none;
}

/*---{ Custom elements )-------------------------------------------------------*/

.thumb table,
.thumb table tr,
.thumb table tr td {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
}

.thumb td {
	text-align: center;
	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: 160px;
}
table.default td {
	padding-left: 8px;
}
table.default tfoot td {
	border-top: 1px dotted #dddddd;
	font-weight: bold;
}
table.default td.required,
span.requiredField {
	background: url(../images/required.gif) left 6px no-repeat;
}
body.new table.default td.required,
body.new span.requiredField {
	background: url(../images/required.gif) left 9px no-repeat;
}
table.default td.button {
	padding-top: 10px;
}

/*---{ Home )-------------------------------------------------------*/

#container {
	width: 700px;
	height: 235px;
	background-color: #FFFFFF;
	overflow: hidden;
}
#ourFavorites {
	position: relative;
	width: 328px;
	height: 16px;
	display: block;
	padding: 14px 0 10px 10px;
	margin-bottom: 10px;
	background: #e2007a url(../images/favorites-top.gif) left top no-repeat;
}
#favoritesBottom {
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 338px;
	height: 3px;
	font-size: 1px;
	background: url(../images/favorites-bottom.gif) left top no-repeat;
}
#productList.home .banner {
	height: 305px;
	margin: 0px 10px 15px 0;
	background: url(../images/bg_productLarge-home.gif) left top no-repeat;	
}

#paymentProviders {
	height: 63px;
}

#newsLetter {
	font-size: 90%;
	padding: 5px;
	margin-bottom: 15px;
	background: #e4007b url(../images/newsLetter-top.gif) no-repeat top left;
	color:white;
	position:relative;
}

#newsLetter p {
	padding: 0;
	margin: 0;
}

#newsLetter .single{
	height: 15px !important;
	margin:0 !important;
	padding:0 !important;
	line-height: 20px;
}

#newsLetter .newsbttn{
	background: url(../images/newsletter-bttn.gif) no-repeat top left;
	height: 20px;
	width: 72px;
	border:none;
	line-height: 20px;
}

#newsLetter .bottom{
	height: 5px;
	position:absolute;
	bottom:0px;
	left:0px;
	width:220px;
	background: #e4007b url(../images/newsLetter-bottom.gif) no-repeat bottom left;
}

#banners img {
	margin-bottom: 2px;
}

#whyFrontRunner {
	position: relative;
	width: 197px;
	margin: 0 0 10px 0;
	padding: 18px 10px 10px 14px;
	background: #454543 url(../images/rightCol-top.gif) left top no-repeat;
	color: #b5b5b4;
}
#whyFrontRunner ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#whyFrontRunner ul li {
	line-height: 24px;
	padding: 0 0 0 14px;
	background: url(../images/arrow_lightgray.gif) 1px 10px no-repeat;
}
#whyFrontRunnerBottom {
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 221px;
	height: 3px;
	font-size: 1px;
	background: url(../images/rightCol-bottom.gif) left top no-repeat;
}

#shippingInfo {
	color: #9e9e9e;
	padding: 10px 1px 1px 1px;
	font-size: 11px;
}
#shippingInfo p {
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 11px;
}

#homeBrandList ul {
	padding:0;
	margin:0;
	float: left;
	list-style:none;
}

#homeBrandList ul li {
	padding: 0;
	margin: 0 6px 0 0;
	float: left;
	position: relative;
	list-style:none;
}

#homeBrandList ul li  a{
	font-size: 120%;
	color: #fff;
}

#homeBrandList table {
	height: 100%;
}

.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;
}

/*---{ Footer )-------------------------------------------------------*/

#footerNavHelp,
#footerNavShortcuts {
	float: left;
	position: relative;
	z-index: 1;
	border: 1px solid #595956;
	width: 272px;
	margin: 18px 20px 10px 0;
	padding: 12px 10px 10px 16px;
	height: 53px;
}
#footerFunctions {
	float: left;
}
#footerShoppingcart,
#footerStoresearch {
	position: relative;
	border: 1px solid #595956;
	width: 274px;
	margin: 18px 0 0 0;
	padding: 12px 10px 8px 14px;
	height: 53px;
	color: #747472;
	color:#8a8a88;
}
#footerShoppingcart .shoppingCart {
	padding: 0 0 0 20px;
	background: url(../images/icon_cart.gif) left 50% no-repeat;
	font-weight: bold;
	line-height: 18px;
}
#footerStoresearch .storeSearch {
	padding: 0 0 0 20px;
	background: url(../images/icon_search.gif) left 50% no-repeat;
	font-weight: bold;
	line-height: 18px;
}
#footerShoppingcart a {
	color: #747472;
	color:#8a8a88;
	line-height: 24px;
	padding-right: 10px;
	background: url(../images/arrow_gray.gif) right 50% no-repeat;
}
#footerShoppingcart .shoppingcartCount {
	font-weight: bold;
}
.footerTop {
	position: absolute;
	left: -1px;
	top: -1px;
	width: 300px;
	height: 3px;
	background: url(../images/bg_footerBlockTop.gif) left top no-repeat;
}
.footerBottom {
	position: absolute;
	left: -1px;
	bottom: -1px;
	width: 300px;
	height: 3px;
	font-size: 1px;
	background: url(../images/bg_footerBlockBottom.gif) left top no-repeat;
}

#footerNavHelp ul,
#footerNavShortcuts ul {
	list-style: none;
	height: 1%;
	padding: 0;
	margin: 0;
}

#footerNavHelp ul li,
#footerNavShortcuts ul li {
	list-style: none;
	padding: 0;
	padding: 0;
}
#footerNavHelp ul li,
#footerNavShortcuts ul li {
	width: 135px;
	float: left;
}

#footerNavHelp ul li a,
#footerNavShortcuts ul li a {
	margin: 0 10px 0 0;
	color: #747472;
	color:#8a8a88;
	line-height: 22px;
}

#footerNavHelp ul li a.active,
#footerNavShortcuts ul li a.active {
	font-weight: bold;
}

#frontrunnerMerken {
	position: absolute;
	left: 10px;
	bottom: 12px;
}

#outerFooter div.selectBoxSelected {
	position: relative;
	background: #454543 url(../images/bg_storeselector.gif) right top no-repeat;
	border: 1px solid #797979;
	float: left;
	width: 250px;
	font-size: 11px;
	margin: 3px 0 0 0;
	padding: 3px 2px 3px 4px;
	line-height: 14px;
	z-index: 35;
	cursor: pointer;
}

#outerFooter div.selectBoxSelected ul.selectBox {
	position: absolute;
	left: -1px;
	bottom: 20px;
	margin: 0;
	padding: 0;
	list-style: none;
	display: none;
	z-index: 999;
}

#outerFooter div.selectBoxSelected .selectBox li {
	margin: 0;
	padding: 0;
	list-style: none;
}
#outerFooter div.selectBoxSelected .selectBox li a {
	display: block;
	width: 250px;
	border: 1px solid #797979;
	border-top: 0px;
	margin: 0;
	padding: 4px 2px 3px 4px;
	background-color: #61615F;
	text-decoration: none;
	color: #aaaaaa;
}
#outerFooter div.selectBoxSelected .selectBox li a:hover {
	background-color: #797977;
	color: #aaaaaa;
}

/*---{ Other custom )-------------------------------------------------------*/

.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;
}

.small {
	font-size: 80%;
}

/* ---------- */
#brandsList {
	width: 100%
}
#brandsList .item {
	float: left;
	width: 123px;
	height: 28px;
	border: 1px solid #CCCCCC;
	margin:0 5px 5px 0;
	padding: 12px 0 0 0;
	text-align: center;
}


#container .carousel,
#container .carousel .carousel-wrap{margin:0;border:0;zoom:1;}
#container .js .carousel-wrap{display:inline-block;vertical-align:middle;width:700px;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:700px;height:235px;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:700px;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;}

#container 
{
	position: relative;
	height: 235px;	
}

#container .carousel 
{
	position: relative;
	width: 700px;
	height: 235px;
	overflow: hidden;
	z-index: 1;
}

#container .carousel ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#container .carousel ul li {
	padding: 0;
	margin: 0;
	list-style: none;
}

#content a.print
{
	position: relative;
	color: #fff;	
	width: 180px;
	height: 34px;	
	display: block;
	background: url(../images/bg_caddybutton.gif) left top no-repeat;
	padding: 8px 0 0 0;
	text-align:center;
	float: right;
	margin: 0 10px 0 0;
	text-decoration: none;	
}

#content a.pdf
{
	position: relative;
	color: #fff;
	width: 180px;
	height: 34px;	
	display: block;
	background: url(../images/bg_caddybutton.gif) left top no-repeat;
	padding: 8px 0;
	text-align: center;
	float: right;
	text-decoration: none;
}

#brandsNav{
	width: 974px;
}

#brandsNav ul{
	float:left!important;
	width: 120px!important;
}

#brandsNav ul li{
	float:none!important;
	width: 120px!important;
}

