/* Smart things to include in your CSS library/framework:
	* A “mass reset” of default browser styles. For example, setting margin and padding to 0 on all elements, turning off borders on framesets and images, etc.
	* Aligning the type to a consistent baseline. This includes things like setting the margins on block level elements like paragraphs, headers, and lists to the same value as (or some multiple of) the base line-height setting for the site.
	* Creating basic styles for forms.
	* Creating a few CSS classes I always use, such as .hide (where I set the display value to none) and .mute (which I set to a smaller type size and sometimes a lighter color).
 */
* {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial;
}
html, body {
	width: 100%;
	height: 100%;
	background: #ffffff url('../img/body-bg-y.jpg') repeat-y center;
	font-size: 90%;
	color: #292929;
}
form, img {
	border: 0;
}
option {
	padding-left: 5px;
}
input {
	font-size: inherit;
}
th, td {
	text-align: left;
	vertical-align: top;
}
input[type="text"], input[type="password"] {
	height: 14px;
	padding: 2px;
	border: 1px solid #4e4c41;
	background-color: #fcfcfc;
}
textarea {
	border: 1px solid #4e4c41;
	background-color: #fcfcfc;
	font-size: 100%;
}
input[type="button"], input[type="submit"] {
	height: 18px;
	border: 1px solid;
	border-color: #cccccc #666666 #666666 #cccccc;
}
a:link {
	color: #2d5e96;
	outline: none;
}
a:visited {
	color: #2d5e96;
}
a:hover {
	color: #2d5e96;
	text-decoration: underline;
}
a:active {
	color: #2d5e96;
}
ul, ol {
	list-style-position: outside;
	margin: 0.5em 0.5em;
	padding-left: 10px;
}
h1 {
	font-size: 120%;
}
h2 {
	font-size: 110%;
}
h3 {
	font-size: 100%;
}
/* >==== Start: Layout ====================================================> */
#wrapper {
	position: relative;
	width: 1000px;
	min-width: 1000px;
	height: auto !important;
	height: 90%;
	min-height: 750px;
	margin: auto;
	background-color: #ffffff;
	z-index: 1;
}
#wrapper-small {
	position: relative;
	width: 1000px;
	min-width: 1000px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: auto;
	background: #ffffff url(/media/img/header-bg-x.png) repeat-x top;
	border: 1px solid #e3e3e3;
	border-width: 0 1px;
}
#header {
	position: relative;
	width: auto;
	height: 188px;
	margin: 0 0px 15px 0px;
	background: #c6c6c6 url('../img/vaderdagwebwinkel_r1_c4.jpg') repeat-x top left;
	color: #ffffff;
}
#header-left {
	position: absolute;
	top: 0;
	left: 0;
	width: 11px;
	height: 88px;
	background: url('/media/img/header-left.png') no-repeat top left;
}
#header-right {
	position: absolute;
	top: 0;
	right: 0;
	width: 14px;
	height: 88px;
	background: url('/media/img/header-right.png') no-repeat top right;
}
#header-top {
	width: 100%;
	height: 155px;
}
#header-bottom {
	width: auto;
	height: 23px; /* 35px = 20 + 15 padding-top */
	padding: 12px 10px 0 10px;
	white-space: nowrap;
	overflow: hidden;
	color: #999999;
	background: url('../img/moederdagwebwinkel_r4_c1.jpg') repeat-x top left;
	font-size: 11px;
}
#logo-vaderdag {
	float: left;
	margin: 0px;
}
#usermenu {
	float: right;
	margin-right: 10px;
}
#sb-logo-holder {
	float: right;
	width: 180px;
	height: 58px;
	margin: 30px 45px 0 0;
	background: url('../img/moederdagwebwinkel_r2_c6.jpg') no-repeat top left;
}
#page-banner {
	position: relative;
	width: auto;
	height: 66px; /* 76px = 66 + 5 padding-top + 5 padding-bottom */
	margin: 10px;
	padding: 5px 15px 5px 15px;
	background: #ffffff url('../img/page-banner-bg-x.png') repeat-x top left;
	text-align: right;
	font-size: 85%;
	line-height: 16px;
	color: #999999;
}
#page-banner-left {
	position: absolute;
	top: 0;
	left: 0;
	width: 9px;
	height: 76px;
	background: url('/media/img/page-banner-left.png') no-repeat top left;
}
#page-banner-right {
	position: absolute;
	top: 0;
	right: 0;
	width: 9px;
	height: 76px;
	background: url('/media/img/page-banner-right.png') no-repeat top right;
}
#page-banner-image {
	float:left;
	background:url(../img/ipod-gear-banner.png);
	width:605px;
	height:68px;
}
#main {
	position: relative;
	width: auto;
	min-width: 980px;
	height: 1%;
	padding: 0 10px;
	color: #292929;
}
#main:after { /* clearfixes */
	content: ".";
	display: block;
	visibility: hidden;
	clear: both;
	height: 134px;
}
#column-left {
	float: left;
	width: 170px;
	margin-right: 10px;
}
#shop-content {
	float: left;
	width: 620px;
	margin-bottom: 10px;
	font-size: 85%;
}
#column-right {
	float: right;
	width: 170px;
	margin-left: 10px;
}
/*
		#column-left { position: absolute; width: 170px; top: 0; left: 10px; }
		#column-right { position: absolute; width: 170px; top: 0; right: 10px; }
		#shop-content { width: auto; margin: 0 180px 10px 180px; font-size: 85%; }
*/

#footer {
	position: absolute;
	bottom: 10px;
	width: 100%;
	max-width: 1000px;
	height: 124px;
	background: #f4f4f4 url('../img/footer-bg-x.png') repeat-x top left;
	text-align: center;
	font-size: 85%;
	color: #292929;
}
#footer-left {
	position: absolute;
	top: 0;
	left: 0;
	width: 23px;
	height: 124px;
	background: url('/media/img/footer-left.png') no-repeat top left;
}
#footer-right {
	position: absolute;
	top: 0;
	right: 0;
	width: 26px;
	height: 124px;
	background: url('/media/img/footer-right.png') no-repeat top right;
}
/* >==== End: Layout ======================================================> */


/* >==== Start: Presentation ==============================================> */
div#header h2 span {
	display: none;
}
div#header h2 {
	display: block;
	width: 590px;
	height: 155px;
	background: transparent url('../img/vaderdagwebwinkel_r1_c1.jpg') no-repeat top left;
}
input#input-zoeken {
	width: 134px; /* 169px = 134 + 5 padding-right + 30 padding-left */
	height: 22px; /* 28px = 22 + 6 padding-top */
	padding: 6px 5px 0 30px;
	border-width: 0;
	background: url('../img/input-search-bg.png') no-repeat top left;
	color: #4f4f4f;
}
div#header-bottom a, div#header-bottom span {
	padding: 0 5px;
	text-decoration: none;
	float: left;
}
#header-bottom a:link {
	color: #292929;
	outline: none;
	padding: 0 5px;
}
#header-bottom a:visited {
	color: #292929;
}
#header-bottom a:hover {
	color: #2d5e96;
}
#header-bottom a:active {
	color: #2d5e96;
}
div#page-banner a {
	color: #999999;
}
div.side-box {
	width: 170px;
	height: auto;
	margin-bottom: 10px;
}
div.box-head-blue,  div.box-head-silver {
	width: auto;
	height: 22px; /* 28px = 22 + 3 padding-top + 3 padding-bottom */
	padding: 3px 5px;
	font-size: 11px;
	font-weight: bold;
}
div.box-head-blue {
	background: url('../img/head-top.png') no-repeat top left;
	color: #ffffff;
}
div.box-head-silver {
	background: url('../img/head-top-silver.png') no-repeat top left;
	color: #a1a1a1;
}
div.box-content {
	width: auto;
	height: 1%;
	padding: 10px;
	background: #ffffff url('../img/head-bg-y.png') repeat-y top left;
	white-space: wrap;
	font-size: 85%;
}
div.box-content-2 {
	width: auto;
	height: 1%;
	padding: 5px;
	background: #ffffff url('../img/head-bg-y.png') repeat-y top left;
	white-space: wrap;
	font-size: 85%;
}
div.box-bottom {
	width: inherit;
	height: 6px;
	background: transparent url('../img/head-bottom.png') no-repeat top left;
}
div.afhaalbalie {
	text-align: center;
	color: #435073 !important;
}
img#sb-logo {
	margin-bottom: 10px;
}
div#footer img#betaal-methoden {
	margin: 15px 0 10px 0;
}
div#doc-box {
	width: auto;
	margin: 10px;
	padding: 8px;
	border: 1px solid #cccccc;
	text-align: left;
}
div#doc-box h2 {
	margin-bottom: 0;
	font-size: 15px;
	color: #2c5ea9;
}
div#doc-box a {
	color: #2c9bde;
}
div#doc-box a:hover {
	color: #4db7f7;
}
div#doc-box ul {
	list-style-position: inside;
	margin-left: 0;
}
div#doc-box ul li {
	list-style-image: url(/media/img/check_green.gif);
}
/* >==== End: Presentation ================================================> */


/* >==== Start: Shop classes ==============================================> */
/* START Categories top menu */
ul.menu-categories {
	margin: 0;
	padding: 0;
	list-style-type: none;
	position: relative;
	z-index: 20;
}
ul.menu-categories li {
	position: relative;
	z-index: 500;
	display: block;
	float: left;
	border-left: solid 1px;
}
ul.menu-categories li a {
	display: block;
	margin: 0 !important;
	text-decoration: none;
	font-weight: normal;
	color: #3B669D;
}
#header-bottom ul.menu-categories li.active a {
	color: #012F6A;
	font-weight: bold;
}
ul.menu-categories li a:hover {
	color: #6992C7;
}
ul.menu-categories li ul {
	display: none;
	position: absolute;
	z-index: 500;
	margin: 0;
	padding: 0;
	background-color: #f0f0f0;
}
ul.menu-categories li:hover ul {
	display: block;
	border: 1px solid #666666;
}
ul.menu-categories li ul li {
	display: block;
	clear: both;
	margin: 0;
}
ul.menu-categories li ul li a {
	display: block;
	width: 120px;
	padding: 5px;
	background-color: #cccccc;
	border-bottom: 1px solid #eeeeee;
	white-space: nowrap;
	color: #333333 !important;
}
ul.menu-categories li ul li a:hover {
	background-color: #aaaaaa;
	color: #ffffff !important;
}
/* END Categories top menu */
/* START Categories left menu */
ul.categories-list {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
ul.categories-list li {
	width: 100%;
	margin: 0;
	padding: 0;
}
ul.categories-list li a,  ul.categories-list li span {
	display: block;
	width: auto;
	padding: 5px;
	text-decoration: none;
}
ul.categories-list li.active a {
	color: #2d5e96;
	font-weight: bold;
}
ul.categories-list li.active a,  ul.categories-list li a:hover {
	color: #2d5e96;
}
ul.categories-list li.active ul li a {
	padding-left: 24px;
	background-image: none;
	font-weight: normal;
}
/* END Categories left menu */
/* START Subcategories prodlist */
div.prodlist-sub-nav {
	clear: both;
	width: auto;
	margin-bottom: 8px;
	padding: 2px 10px 0 10px;
	border: 1px solid #cccccc;
	border-top: 3px solid #999999;
	background-color: #f3f3f3;
}
ul.prodlist-subcategories {
	margin: 0;
	padding-top: 8px;
	list-style-type: none;
}
ul.prodlist-subcategories li {
	float: left;
	position: relative;
	top: 1px;
	margin-right: 1px;
	padding: 0;
}
ul.prodlist-subcategories li a,  ul.prodlist-subcategories li span {
	display: block;
	width: auto;
	padding: 3px 10px;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	text-decoration: none;
	font-weight: bold;
	outline: 0;
}
ul.prodlist-subcategories li.active a {
	border-bottom: 1px solid #ffffff;
}
ul.prodlist-subcategories li a:hover {
	text-decoration: underline;
}
/* END Subcategories prodlist */
/* START Subcategories w/ images prodlist */
ul.prodlist-subcategories-img {
	margin: 0;
	list-style-type: none;
}
ul.prodlist-subcategories-img li {
	float: left;
	width: 105px;
	height: 140px;
	margin: 3px;
	padding: 3px;
	border: 1px solid #cccccc;
	background-color: #ffffff;
	color: #2D5E96;
}
ul.prodlist-subcategories-img li img {
	margin-bottom: 2px;
}
ul.prodlist-subcategories-img li a,  ul.prodlist-subcategories-img li span {
	display: block;
	width: auto;
	background-color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	outline: 0;
}
ul.prodlist-subcategories-img li.active {
	border-color: 1px solid #333333;
	background-color: #e9e9e9;
}
ul.prodlist-subcategories-img li:hover {
	text-decoration: underline;
	border-color: #2D5E96;
}
/* END Subcategories w/ images prodlist */

a.block-link {
	display: block;
	clear: both;
	width: auto;
	padding: 4px 4px 4px 16px;
	background: transparent url('/media/img/block-link-arrow.png') no-repeat center left;
	border-bottom: 1px dotted #d1d1d1;
	outline: none;
}
table.products-table {
	width: 100%;
	margin: 0 auto;/* border-spacing: 20px 10px; /* Equivalent of cellspacing attribute of table tag, doesn't work in IE? */
}
table.products-table td.product {
	width: 200px;
	min-height: 120px;
	border: 1px solid #cccccc;
	-moz-border-radius: 6px;
	background-color: #ffffff;
}
table.products-table td.product h1 {
	font-size: 100%;
	font-weight: normal;
	margin: 0;
}
table.products-table tr.product-row td {
	padding: 10px;
}
table.products-table tr.product-row td td {
	padding: 0;
} /* because child selector > doesn't work in ie6 */
.products-table tr.product-row-footer td {
	border-bottom: 1px solid #999999;
}
div.product-box-container {
	position: relative;
	width: 100%;
	height: auto;
	min-height: 100%;
}
table.product-box {
	width: 100%;
	height: auto;
}
table.product-box td, table.product-box th {
	padding: 6px;
	font-size: 11px;
}
table.product-box tr.header th h2 a {
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	color: #530000 !important;
}
table.product-box td.price {
	text-align: left;
	font-size: 12px;
	font-weight: bold;
}
table#product-details td {
	padding: 5px;
}
/*table#product-details td td { padding: 0; }*/

table.ProdContentZone td .t {
	border: 1px solid #DBDBDB;
}
.CPthumbImgDiv {
	margin: auto;
}
/* >= Start: ShoppingBasket() => */
#CPshoppingBasket {
	width: 100%;
}
#CPshoppingBasket td, #CPshoppingBasket th {
	padding: 2px;
	border-bottom: 1px dashed #999999;
}
#CPshoppingBasket th {
	font-weight: bold;
}
#CPshoppingBasket .product {
	height: 42px;
	padding-left: 10px;
}
/* <= End: ShoppingBasket() =< */

.CPyouAreAt {
	margin-bottom: 5px;
}
.CPpageNav {
	background-color: #f3f3f3;
	border: 1px solid #cccccc;
	border-top: 3px solid #999999;
}
.CPpageNav {
	width: 100%;
}
.CPpageNav td {
	padding: 4px;
}
.CPpageNav a, .CPpageNav span {
	display: block;
	float: left;
	margin: 0 2px;
	padding: 3px;
	background-color: #ffffff;
	text-decoration: none;
}
.CPpageNav a {
	border: 1px solid #F4E2DD;
	color: #000000;
}
.CPpageNav a:hover {
	border: 1px solid #E8C1B7;
	background-color: #CCCCCC;
	color: #ffffff;
}
.CPpageNav span {
	border: 1px solid #cccccc;
	color: #999999;
}
.CPhighlight {
	color: #000000;
	background-color: #ffff66;
}
.CPbox1 {
	border: 1px solid #cccccc;
	margin: auto;
}
.CPbox2 { /* Table on 10_logon.asp */
	background-color: #F0F0F0;
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
	text-align: left;
}
.CPbox2 td {
	padding: 4px;
}
.CPpayStep {
	font-weight: bold;
	color: #ff6600;
} /* langGenStepX */
.CPprodImg {
	width: 250px;
text-align:
}
.CPprodImgDiv {
	width: 210px;
	height: 210px;
	margin: auto;
}
.CPthumbImgDiv div {
	display: block;
	width: 36px;
	height: 36px;
	margin: 4px 3px;
	border: 1px solid black;
	cursor: pointer;
	float: left;
}
.CPprodInfo {
	padding: 0 10px;
}
.CPpriceMsg {
	color: #5B7EB6;
}
.CPprodDescHead {
	font-size: 100%;
	color: #333333;
}
.CPrelatedProd {
	width: 100%;
	margin-top: 10px;
	background-color: #f3f3f3;
	border: 1px solid #999999;
	border-width: 1px 0 1px 0;
}
.ProdContentHead {
	margin-bottom: 3px;
	font-weight: bold;
	color: #333333;
}
#table-cart td {
	padding: 2px;
}
#table-cart tr.row-footer td {
	border-bottom: 1px dashed #999999;
}
#table-cart tr.table-cart-footer td {
	border-bottom: 1px solid #999999;
}
.CPgenHeadingsOut td {
	border-bottom: 1px solid #999999;
}
#tab1 {
	width: auto;
	padding-bottom: 5px;
	border-bottom: 1px dashed #999999;
}
#tab2 {
	width: auto;
	padding-top: 5px;
	border-top: 1px solid #999999;
}
.CPchocTxt {
	height: 26px !important;
}
.CPgenHeadings {
}
/* >= Start: SpecBrowser Horizontal => */
#specbrowser {
	width: auto;
	height: 40px;
}
#specbrowser li {
	display: inline;
}
#specbrowser li a {
	display: inline-block;
	width: auto;
	padding: 5px;
	border: 1px solid;
	border-color: #cccccc #666666 #666666 #cccccc;
	background-color: #f3f3f3;
	color: #000000;
}
#specbrowser li.active a {
	border-color: #666666 #cccccc #cccccc #666666;
	background-color: #aaaaaa;
	color: #ffffff;
}
/* <= End: SpecBrowser Horizontal <= */
/* <==== End: Shop classes ================================================< */


/* >==== Start: Global class library ======================================> */
.empty {
	font-size: 1px;
	line-height: 1px !important;
}
.hover {
	cursor: pointer !important;
}
.full-width {
	width: 100% !important;
}
.auto-width {
	width: auto !important;
}
.auto-margin {
	margin-left: auto !important;
	margin-right: auto !important;
}
.no-border {
	border: none !important;
}
.plain {
	border-width: 0 !important;
	background-color: transparent !important;
}
.block {
	display: block !important;
}
.inline {
	display: inline !important;
}
.visible {
	display: block !important;
	visibility: visible !important;
}
.hidden {
	display: none !important;
	visibility: hidden !important;
}
.relative {
	position: relative !important;
}
.absolute {
	position: absolute !important;
}
.left {
	text-align: left !important;
}
.right {
	text-align: right !important;
}
.center {
	text-align: center !important;
}
.vtop {
	vertical-align: top !important;
}
.vmiddle {
	vertical-align: middle !important;
}
.vbottom {
	vertical-align: bottom !important;
}
.float-left {
	float: left !important;
}
.float-right {
	float: right !important;
}
.clear-right {
	clear: right !important;
}
.clear-both {
	clear: both !important;
}
.italic {
	font-style: italic !important;
}
.bold {
	font-weight: bold !important;
}
.small-caps {
	font-variant:small-caps !important;
}
.uppercase {
	text-transform: uppercase !important;
}
.lowercase {
	text-transform: lowercase !important;
}
.underline {
	text-decoration: underline !important;
}
.wrap {
	white-space: normal !important;
}
.nowrap {
	white-space: nowrap !important;
}
.x-small {
	width: 50px;
}
.small {
	width: 100px;
}
.medium {
	width: 150px;
}
.large {
	width: 200px;
}
.x-large {
	width: 250px;
}
.input-button {
	width: 100px;
	height: 18px;
}
.input-upload {
	border: 1px solid black;
}
/* <==== End: Global class library ========================================< */

.specBrowserContainer {
	width: auto;
	padding: 4px;
	border: 1px solid #CCCCCC;
}
.specTitle {
	clear: left;
	width: 38px;
	margin: 5px 0;
}
.specList {
	float: left;
	clear: right;
	width: 560px;
	margin: 5px 0 3px 0;
}
.specBrowser, .specChosen {
	width: auto;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.specBrowser li, .specChosen li {
	display: block;
	/*float: left;*/
	margin: 0 5px 10px 0;
	padding-left: 15px;
	border-right: 0px solid #e3e3e3;
}
.specBrowser a, .specChosen a {
	color: #377eaa;
	text-decoration: underline;
}
.specBrowser a:hover, .specChosen a:hover {
	color: #5FAFE0;
	text-decoration: none;
}
.specBrowserChosen {
	border-bottom: 1px dotted #999999;
}
.specBrowserSeparation {
	height: 0px;
	margin: 5px 0;
	border: 1px dotted #999999;
	border-width: 0 0 1px 0;
	background-color: transparent;
	clear: both;
}
#usermenu a, #usermenu a:visited {
	color:#FFFFFF;
	font-size:10px;
	font-weight: bold;
}
.specTitleY {
	margin: 10px 0 5px 0;
}
.ItemRowTopTen {
	border-bottom: solid 1px #CCCCCC;
	height: 48px;
}
.prod-title {
	font-size: 10px;
	font-weight: normal;
}
.product_price {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	display: block;
	padding: 10px;
}
.prod-text {
	font-weight:normal;
	font-size:11px;
}
.CPBox2Bs {
	height: 48px;
}
.topProducts {
	width: 160px;
}
/* multishhopbar */
#multishopbar {
	height:35px;
	background: url(/media/img/multishopbar_back.gif) repeat-x scroll left top;
}
#multishopbar_inner {
	width: 1006px;
	margin: 0 auto;
	height: 35px;
}
#multishopbar #multishopbar_inner ul {
	list-style: none outside none;
	margin: 0;
	padding: 0;
	height: 35px;
	position: relative;
	z-index: 51;
}
#multishopbar #multishopbar_inner ul li {
	position: relative;
	z-index: 10;
	float: left;
	height: 35px;
}
#multishopbar_inner a {
	display: block;
	height: 35px;
	float: left;
}
#multishopbar_inner span {
	display: none;
}
#multishopbar_inner li .sub {
	display: none;
	position: absolute;
	left: 0;
	top: 35px;
	height: 29px;
	z-index: 101;
	padding: 5px;
	border: 1px solid #ccc;
	background-color: #fff;
	border-top: 0;
}
#multishopbar_inner li:hover .sub {
	display: block;
}
/* /end multishopbar */
.newStamp, .saleStamp {
	background-color: #077ada !important;
}
#vaderdag_top_usp	{
	padding: 0 0 0 100px;
	display: inline-block;
}
.categories-list, #prijs-zoeker	{
	list-style-type: none;
	margin: 5px 5px 5px 5px;
	padding: 0;
}
	.categories-list a, #prijs-zoeker a	{
		color: #4f4f4f;
		text-decoration: none;
	}
	.categories-list a:hover, #prijs-zoeker a:hover	{
		color: #2d5e96;
		text-decoration: underline;
	}	
.CPbox2B td	{
	padding: 5px 3px 3px 0;
}
#bestelkado_sidelabel {
	position: absolute;
	top: 200px;
	left: 0;
	z-index: 0;
}