/* @override http://192.113.235.3:80/vendWebShop/css/master.css */

/* @override http://192.113.235.1:80/vendWebShop/css/master.css */

/* =========================================== */
/* = CSS/ Styles for V&D website and webshop = */
/* ===== Author: Strawberries b.v. 2008 ====== */
/* =========================================== */

/* =============== */
/* = Base Styles = */
/* =============== */

@import	url('../css/products.css');

html {
	height: 100%;
	margin: 0;
	padding: 0;
}

body {
	font-size:	12px;
	font-family: Arial, Helvetica, Sans-Serif;
	color: #000;
	margin: 0;
	padding: 0;
	text-align: center;
}

noscript,
script,
script img {
 display: none;
 visibility: hidden;
 width: 0px;
 height: 0px;
 margin: 0px;
 padding: 0px;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Arial, Helvetica, Sans-Serif;
	background-image: none;
}

h1 {
	font-size: 1.5em;
}

h2 {
	font-size: 1.4em;
}

h3 {
	font-size: 1.3em;
}

h4 {
	font-size: 1.2em;
}

h5 {
	font-size: 1em;
}

h6 {
	font-size: 1em;
}

p {
	font-size: 1em;	
}

a, a:link, a:active, a:visited {
	color: inherit;
	text-decoration: underline;
}

div {
	display: block;
	margin: 0;
	padding: 0;
}

ul, li {
	list-style: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
}

a img {
	border: none;
}

hr {
	border: none;
	background-color: #dcdcdc;
	height: 1px;
}

input, select {
	line-height: 19px;
	border: 1px solid #dcdcdc;
	font-size: 11px;
	color: #545454;
	padding-left: 5px;
	height: 18px;
	*height: 21px;
}      

select {
	color: #000;
}

input.autoInput {
	border: none;
	width: auto;
	height: auto;
}

label h5 {
	display: inline;
	margin:0;
	padding: 0;
}

img {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(...);
}

/* =========== */
/* = General = */
/* =========== */
a.arrowLink {
	background-image: url(../images/ui/arrow_icon.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	padding-right: 7px;
	text-decoration: none;
	color: #999;
}

a.arrowLink:hover {
	background-image: url(../images/ui/arrow_icon_hover.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	padding-right: 7px;
	text-decoration: none;
	color: #000;
}

a.zoomLink, a.basketButton, a.basketButton:link, a.basketButton:visited {
	background-image: url(../images/ui/zoom_glas_icon.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 14px;
	text-decoration: none;
	color: #999;
}

.productImageContainer a.zoomLink, 
.productImageContainer a.zoomLink:link, 
.productImageContainer a.zoomLink:active, 
.productImageContainer a.zoomLink:visited {
	color: #545454;
	font-size: 11px;
}

.productImageContainer a.zoomLink:hover {
	background-image: url(../images/ui/zoom_glas_icon_hover.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 14px;
	text-decoration: underline;
	color: #000;
}



a.basketButton, a.basketButton:link, a.basketButton:visited {
	padding-top: 5px;
	font-size: 11px;
	background-image: url('../images/ui/gotoBasketIcon.jpg');
	padding-right: 20px;
}

a.basketButton:hover {
	text-decoration: underline;
}



a.active, .active a {
	font-weight: regular;
	color: #000;
}

.last {
	margin-left: 0;
}


/* ============== */
/* = Navigation = */
/* ============== */

div.navigationBar {
	margin-right: 10px;
	width: 920px;
	display: block;
	background-color: #000;
	float: none;
	height: 35px;
}

div.navigationBar, div.navigationBar div, div.navigationBar a, div.navigationBar a:link, div.navigationBar a:active, div.navigationBar a:visited {
	background-color: #000;
	color: #fff;
	font-size: 14px;
	padding: 0;
}

div.navigationBar a:hover {
	background-color: #000;
	color: #FFF;
	text-decoration: underline;
}

div.navigationBar div {
	padding: 10px 0 7px 0;
	margin-left : 26px;
}

.navigationBar div.navItem {
	float: left;
	display: inline;
}

.navigationBar .navItem a {
	text-decoration: none;
}


/* ================== */
/* = MENU (April09) = */
/* ================== */

div#header {
	margin-bottom: -26px;
}

div#menu {
	
	width: 920px;
	position: relative;
		
	padding: 0;
	margin : 0;
	z-index: 800;
}

div#menu ul#content {
	list-style: none;
	clear: both;
	float: right;
	margin: 0px;
}

div#menu ul#content li {
	display: block;
	float: left;
}

div#menu ul#content li h3 {
	font-size: 13px;
	font-weight: normal;
	
	margin: 0px;
	padding: 4px 8px;
}

div#menu ul#content li h3 a,
div#menu ul#content li h3 a:active,
div#menu ul#content li h3 a:visited {
	color: #000;
	text-decoration: none;
}

div#menu ul#content li h3 a:hover {
	text-decoration: underline;
}

div#menu ul#products {
	list-style: none;
	margin: 0px;
	padding: 0px;
	position: relative;
	clear: both;
	color: #fff;
	width: 920px;
	height: 30px;
	background: #000;
}

div#menu ul#products li {
	list-style: none;
	display: inline;
	float: left;
	position: relative;
	margin: 0px 5px;
	padding: 0px;

}

div#menu ul#products li h2 {
	visibility: hidden;
	background: #000;
	color: #fff;
	float: left;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	font-size: 13px;
	line-height: 30px;
	font-weight: bold;
	overflow: hidden;
	text-align: center;
}

 div#menu ul#products li iframe {
     display: none;
     position: absolute;
     top: 30px;
     background: #000;
     margin: 0px;
     padding: 0 0 5px 0;
     border: 0;
 } 
 
div#menu ul#products li h2 a,
div#menu ul#products li h2 a:active,
div#menu ul#products li h2 a:visited,
div#menu ul#products li h2 a:hover {
	color: #fff;
	text-decoration: none;
}

div#menu ul#products li ul {
	display: none;
	position: absolute;
	top: 30px;
	background: #000;
	margin: 0px;
	padding: 0 0 5px 0;
}

div#menu ul#products li ul li {
	display: block;
	
	background-position: 2px;
	background-repeat: no-repeat;
		
	margin: 0;
	width : 125px;
	
	line-height: 20px;
	padding: 2px 10px 2px 25px;
}

div#menu ul#products li ul li h3 {
	font-size: 11px;
	font-weight: normal;
	display: inline;	
}

div#menu ul#products li ul li h3 a,
div#menu ul#products li ul li h3 a:active,
div#menu ul#products li ul li h3 a:visited {
	color: #fff;
	text-decoration: none;
	display: block;
	width: 110;
}

div#menu ul#products li ul li h3 a:hover {
	text-decoration: underline; 
}

/* ================== */
/* = Sub Navigation = */
/* ================== */

ul.subNavigation , ul.subNavigationContent   {
	list-style: none;
	margin: 0;
	padding: 0px;
	margin-top: 10px;
}

ul.subNavigation li  , ul.subNavigationContent  li   {
	line-height: 14px;
	padding: 0 0 6px 10px;
	margin: 0;
	display: block;
}


ul.subNavigation li a:active, ul.subNavigationContent  li a:active, ul.subNavigation li a, ul.subNavigationContent  li a, ul.subNavigation li a:visited , ul.subNavigationContent  li a, ul.subNavigationContent  li a, ul.subNavigation li a:visited, ul.subNavigation a:visited  {
	text-decoration: none;
/*	color: #000;*/
	color: #000000;
}
ul.subNavigation li a:active, ul.subNavigationContent  li a:active {
/*	color: #000;*/
}

ul.subNavigation li a:hover , ul.subNavigationContent  li a:hover  {
/*	color: #000;*/
	color: #000;
	text-decoration: underline;
}

ul.subNavigation li.active a , ul.subNavigationContent  li a:active, ul.subNavigationContent  li a:active, ul.subNavigation li.active a  {
	color: #000;
	font-weight: bold;
/*	color: #545454;*/
}

ul.subNavigationContent  li h3 {
	font-size: 12px;
}


ul.subNavigation li ul {
	margin: 10px 0 0 0;
	font-weight: normal;
}

ul.subNavigation li.active ul li a {
	font-weight: normal;
/*	color: #545454;*/
	color: #000;
}

ul.subNavigation li.active ul li.active a {
	color: #000;
}

ul.subNavigation li ul li  , ul.subNavigationContent li ul li   {
	line-height: 14px;
	padding: 0 0 6px 10px;
	margin: 0;
}

ul.col2 {
	margin-top: 26px;
}

/* ================= */
/* = Topnavigation = */
/* ================= */

div.mainHeader {
/*	border: 1px solid #000;*/
}

div.mainHeader div.topnavigation {
/*	background-color: #f8f8f8;*/
	background-color: #FFF;
	float: right;
/*	width: 264px;*/
	height: 30px;
	font-size: 11px;
	padding: 0;
	margin: 0;
	margin-right: 0px;	
}

div.mainHeader div.topnavigation div {
/*	background-color: #f8f8f8;*/
}

div.mainHeader div.topnavigation .userDisplay {
	color: #000;
	border-right: 1px solid #dcdcdc;
	height: 30px;
}

div.mainHeader div.topnavigation .userDisplay span {
	padding-top: 8px;
	padding-left: 8px;
	padding-right: 8px;	
	color: #000;
}

div.mainHeader div.topnavigation .userDisplay a {
	display: block;
	text-decoration: underline;
	padding-left: 0;	
	margin:0;
	font-size: 11px;
	float: left;
}

div.mainHeader div.topnavigation .userDisplay a:hover {
	color: #000;
}

div.mainHeader div.topnavigation div, div.mainHeader div.topnavigation span {
	float: left;
/*	border-right: 1px solid #000;*/
	color: #545454;
}

div.mainHeader div.topnavigation div a, div.mainHeader div.topnavigation span a {
	color: #545454;
	text-decoration: none;
	padding: 8px 10px 0 10px;
	display: block;
}

div.mainHeader div.topnavigation div a:hover, div.mainHeader div.topnavigation span a:hover {
	text-decoration: underline;
	color: #000;	
}

div.mainHeader div.topnavigation div, div.mainHeader div.topnavigation span
{
/*	background-color: #F8F8F8;	*/
	background-color: #FFF;		
}

div.mainHeader div.topnavigation div.searchform {
	width: 150px;
}

div.mainHeader div.topnavigation div.searchform input {
	width: 93px;
	height: 15px;
	margin: 5px 0 0 10px;
	border: 1px solid #dcdcdc;
	padding: 0 0 0 5px;
	line-height: 15px;
}

div.mainHeader div.topnavigation div.searchform a.searchButton {
	width: 12px;
	height: 19px;
	display: block;
	float: right;
	background-image: url('../images/ui/searchIcon.gif');
	background-repeat: no-repeat;
	background-position: left center;
}

div.mainHeader div.topnavigation div.minibasketContainer {
	display: block;
	background-color: #F1F1F1;
}

div.mainHeader div.topnavigation div.minibasketContainer a {
	float: left;
	color: #545454;
	width: 240px;
	height: 30px;
	text-decoration: none !important;
	font-size: 11px;
	padding: 0;
	background-color: #F1F1F1;
}

#smallBasketContent {
	background-image: url('../images/ui/basket_icon.gif');
	background-repeat: no-repeat;
	background-position: top left;
	height: 22px;
	width: 99%;
}


div.mainHeader div.topnavigation div.minibasketContainer {
	background-color: #f1f1f1;
	cursor: pointer;
}

div.mainHeader div.topnavigation div.minibasketContainer a:hover {
	color: #000;
	cursor: pointer;
}

div.mainHeader div.topnavigation div.minibasketContainer a span {
	background-color: #F1F1F1;
	cursor: pointer;
}

div.mainHeader div.topnavigation div.minibasketContainer a span .label {
	float: left;
	margin: 0 0 0 33px;
	padding: 8px 0 0 0;
	background-color: none;	
}

div.mainHeader div.topnavigation div.minibasketContainer a span .pricedisplay {
	margin: 0 5px 0 0;
	padding: 8px 0 0 0;
	font-weight: bold;
	text-align: right;
	float: right;
}

#quickviewBasketContent ul li a:link, #quickviewBasketContent ul li a:visited, #quickviewBasketContent ul li a:active, #quickviewBasketContent ul li a,  #quickviewBasketContent ul li a span {
	color: #000;
	background: none;
}

#quickviewBasketContent ul li a span {
	color: #000;
}

#basketControll, #quickviewBasketContent {
	padding:0;
	margin:0;
}

/* ============== */
/* = Containers = */
/* ============== */
div.rawtextcontainer {
	text-align: left;
	padding: 10px;
	margin:0;
}

div.maincontainer {
	text-align: left;
	display:	block;
	width:		936px;
	padding:	0;
	margin:		0px auto 0px auto;
}

div.maincontainer div.contentContainer, div.contentContainer {
	margin: 0 0 0 8px;
	width: 930px;
	float: left;
}

div.contentSpacerWrappper {
	margin-top: 10px;
	margin-bottom: 25px;
	float: left;
}

div.sideNavigationContainer, div.sideNavigationContainerL {
	float: left;
	width: 200px;
	background-color: #f1f1f1;
	padding-bottom: 0;
}

div.sideNavigationContainer {
	padding-bottom: 10px;
}

div.sideNavigationContainer img, div.sideNavigationContainerL img {
	display: block;        
	margin-bottom: 10px;
}

div.sideNavigationContainerL {
	width: 380px;
	padding-bottom: 10px;
}

div.sideNavigationContainerL div.sideNavigationContainerTitle {
	width:360px;
	padding: 10px 10px 10px 10px;
}

div.sideNavigationContainerL .subNavigation {
	width: 160px;
/*	float: left;*/

}

div.sideNavigationContainerL .right {
	float: right;
}

div.sideNavigationContainer h3 {
	margin: 0px 10px 5px 0px;
	font-size: 18px;
	line-height: 20px;
	padding: 10px 0 0 0;
	
}

div.sideNavigationContainerL h3 {
	margin:0;
	font-size: 18px;
	padding: 0;
}

div.mainHeader {
	padding-bottom: 10px;
	background-position: 115px top;
	background-repeat: no-repeat;
}

div.mainHeader .logo {
	width: 100px;
}

div.mainHeader .logo a {
	margin: 0;
	padding: 15px 0 8px 0;
	display: block;
}

div.mainHeader .logo a img {
	display: block;
	border: none;
}

div.subHeaderContainer {
	padding-bottom: 6px;
	background-image: url(../images/tmp/3pxBar.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
/*	margin-right: 10px;*/
}

div.subHeaderContainer h1 ,
div.subHeaderContainer h2 {
	padding: 0;
	margin: 0;
	font-size: 20px;
}

div.subHeaderContainer h5.moreproductslink, h5.moreproductslink {
	font-weight: normal;
	font-size: 11px;
}

div.subHeaderContainer h5.moreproductslink a, h5.moreproductslink a, div.subHeaderContainer h5.moreproductslink a:link, h5.moreproductslink a:link, div.subHeaderContainer h5.moreproductslink a:visited, h5.moreproductslink a:visited {
	color: #000;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	background-image: url('../images/ui/moreproducts_arrow.jpg');
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 17px;
}

div.subHeaderContainer h5.moreproductslink a:hover, h5.moreproductslink a:hover {
	text-decoration: underline;
}

/* =========== */
/* = Columns = */
/* =========== */


.rowContainer {
	display: block;
	padding: 0;
	margin: 0;
	float: left;
	width: 925px;
}

.rowContainer a.c2:link,
.rowContainer a.c2:active,
.rowContainer a.c2:visited {
	float: left;
	margin: 0 1px 0 0;	
}

.rowContainer .c1, .rowContainer .c2, .rowContainer .c3 {
	width: 306px;
}

.rowContainer .c1 img, .rowContainer .c2 img, .rowContainer .c3 img {
	cursor: pointer;
}

.rowContainer .c3 {
	margin-right: 0;
}

.rowContainer div.headerBar, div.headerBar {
	background-color: #000;
	display: block;
	width : 100%;
	float: left;
}

div.headerBar h1 {
	font-size: 18px;
	font-weight: normal;
	margin: 5px 13px 4px 10px;
}

.rowContainer .bigThemeImage {
	padding-bottom: 10px;
}

.columnFull , .column4 , .column3 , .column2 , .column1 {
	display: block;
	float: left;
}

.columnFull {
	width: auto;
}

.column4 {
	width: 720px;
	margin-left: 10px;
	padding: 0;
}

.column3 {
	width: 540px;
	margin-left: 10px;
}

.column3 .subHeaderContainer, .column4 .subHeaderContainer {
	margin-right: 10px;
}

.column2 {
	width: 350px;
}

.column1 {
	width: 170px;
}


.column4 a, .column4 a:link, .column4 a:active, .column4 a:visited {
	color: #000;
}

/* ======== */
/* = Bars = */
/* ======== */

.headerBar {
	color: #FFF;
	padding: 0;
	margin: 0;
	display: block;
}

.headerBar h1, .headerBar h2, .headerBar h3, .headerBar h4 .headerBar h5, .headerBar h6, .headerBar h7 {
	color: #FFF;
}

.headerBar h1 {
	font-size: 1em;
}

.headerBar h2 {
	font-size: 1em;
}

.headerBar h3 {
	font-size: 1em;
}

.headerBar h4 {
	font-size: 14px;
	font-weight: normal;
	margin: 0 auto 0 10px;
	padding: 10px 0 9px 0;
	display: block;
}



.headerBar h5 {
	font-size: 1em;
}

.headerBar h6 {
	font-size: 1em;
}

.headerBar h7 {
	font-size: 1em;
}

.itemBar {
	background-color: #000;
	display: block;
}


/* ===================== */
/* = Bottom Navigation = */
/* ===================== */

div.bottomNavigationContainer {
	background-image: url('../images/ui/bottom_nav_lines.gif');
	background-repeat: repeat-y;
	background-position: left top;
	float: left;
	clear: both;
	padding: 0 0 7px 0;
	margin-top: 10px;
	width: 920px;
}

.bottomNavigationContainer .infoBlock {
	float: left;
	width: 200px;
}

div.bottomNavigationContainer div.navItem ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
}

.bottomNavigationContainer .navItem ul li {
	padding-left: 10px;
	display: block;	
}

.bottomNavigationContainer .navItem {
	width: 180px;
	float: left;
	padding: 0;
}

.bottomNavigationContainer .navItem a {
	color: #000;
	text-decoration: none;
	font-size: 11px;
	float: none;
}

.bottomNavigationContainer .navItem a:hover {
	text-decoration: underline;
}

div.bottomNavigationContainer div.navItem h5 {
	font-size: 12px;
	margin: 0;
	padding: 0 0 2px 0;
	display: block;
	margin-left: 10px;
}

.bottomNavigationContainer .vipCard {
	color: #00aff0;
	background-image: url(../images/tmp/vd_card_small.jpg);
	background-position: right top;
	background-repeat: no-repeat;
}

.bottomNavigationContainer .vipCard a {
	color: #00aff0;
}

ul.breadCrumb {
	margin: 0;
	padding: 0 0 4px 0;
	list-style: none;
	line-height: 11px;
	height: 11px;	
}

ul.breadCrumb li {
	display: block;
	float: left;
	padding: 0;
	margin: 0;
}

ul.breadCrumb li a,
ul.breadCrumb li a:link,
ul.breadCrumb li a:active,
ul.breadCrumb li a:visited, 
ul.breadCrumb li span {
	color: #545454;
	text-decoration: none;
	padding: 0 12px 0 0;
	font-size: 11px;
	display: block;
	background-image: url(../images/ui/breadcrumb_icon.gif);
	background-repeat: no-repeat;
	background-position: right 3px;
}

ul.breadCrumb li.last a,
ul.breadCrumb li.last a:link,
ul.breadCrumb li.last a:active,
ul.breadCrumb li.last a:visited {
	background-image: none;
}

ul.breadCrumb li.last a, ul.breadCrumb li.last a:hover {
	background-image: none;
}

ul.breadCrumb li a:hover {
	color: #000;
	text-decoration: underline;
}

/* =========== */
/* = Footers = */
/* =========== */

div.footerContainer {
	display: block;
	background-color: #000;
	float: left;
	width: 920px;
	margin-right: 10px;
}

div.footerContainer .navItems {
	padding-left: 10px;
	text-decoration: none;
}

div.footerContainer a, div.footerContainer div.navItem {
	background-color: #000;
	color: #FFF;
	font-size: 11px;
	text-decoration: none;
	font-weight: normal;
	padding-right: 10px;
}

div.footerContainer a, div.footerContainer a:link, div.footerContainer a:visted, div.footerContainer a:active,
div.footerContainer div.navItem a, div.footerContainer div.navItem a:link,div.footerContainer div.navItem a:visted, div.footerContainer div.navItem a:active {
	padding: 0 10px 0 10px;
	text-decoration: none;
}

div.footerContainer a:hover, div.footerContainer div.navItem a:hover {
	text-decoration: underline;
}

div.footerContainer div.navItem {
	padding: 12px 0 9px 0;
}

.footerContainer div.navItem {
	float: left;
}

.footerContainer .logoContainer {
	float: right;
	padding: 10px 16px 9px 0;
}

.footerContainer .logoContainer img {
	display: block;
}

/* =================== */
/* = Product Display = */
/* =================== */

a.arrowLink {
	font-size: 11px;
}

div.productDetailContainer {
	float: left;
	background-image: url(../images/ui/product_container_bg_l.jpg);
	background-repeat: repeat-y;
	height: 410px;
}

div.productDetailContainer .productImageContainer {
	float: left;
	width: 500px;
	padding-top: 10px;
}

.productImageContainer {
	position: relative;
}

div.productDetailContainer .productImageContainer img {
	display: block;
	margin: 0 auto;
}

div.productDetailContainer .productImageContainer .arrowLink {
	margin-top: 10px;
	margin-bottom: 10px;
	display: block;
	float: left;
}

div.productDetailContainer .rightSideBar {
	display: block;
	vertical-align: bottom;
}
div.buyFormContainer {
	position: relative;
	
}

.priceDisplay {
	margin: 20px 0 0 10px;
	font-size: 14px;
	display: block;
	height: 26px;
}

.priceDisplay label {
	font-size: 18px;
	text-align: left;
	padding: 0;
	margin: 0;
}

.product_description_container .priceDisplay label, .product_description_container .priceDisplay label .price {
	font-weight: bold;
}

.product_description_container .formWarning {
	color: #F00;
	font-size: 11px;
	padding: 10px;
}

.rightSideBar {
	height: 415px;
	float: left;
	width: 210px;
}

.rightSideBar a {
	margin: 0 0 0 10px;
}

.rightSideBar a.arrowLink,
.rightSideBar a.arrowLink:link,
.rightSideBar a.arrowLink:active,
.rightSideBar a.arrowLink:visited {
	background-image: url(../images/ui/paging_next.gif);
	background-position: right 2px;
	padding-right:15px;
	color: #545454;
}

.rightSideBar a.arrowLink:hover {
	background-image: url(../images/ui/paging_next_hover.gif);
	color: #000;
	text-decoration: underline;
}

.rightSideBar h4 {
	margin: 10px 0 0 10px;
	font-size: 12px;
}

.rightSideBar p {
	margin: 10px;
}

div.product_description_container {
	padding:0;
	margin:0;
/*	height: 311px*/
	height: 240px
}


div.product_description_container div.variantDescription{
	margin: 10px;
	font-size: 11px;
}

div.product_description_container div.variantDescription h5 {
	margin: 0;
	padding: 0 0 5px 0;
	font-size: 11px;
	
}

div.product_description_container div.variantDescription p {
	margin: 10px 0 10px 0;
	font-size: 11px;
}

div.relatedProductListContainer {
	float: left;
	margin-top: 0;
	margin-bottom: 26px;
	padding-top: 0px;
	width: 720px;
	height: 328px;
	overflow: hidden;
}

div.relatedProductListContainer .subHeaderContainer, div.relatedProductListContainer .product_footer {
	background-image: none;
	padding: 10px 0 0 0;
	float: left;
	width: 100%;
}

div.relatedProductListContainer .product_footer {
	padding: 14px 0 25px 0;
}

div.relatedProductListContainer .subHeaderContainer {
	background-image: url(../images/ui/lightgray_pixelline_h.gif);
	background-repeat: repeat-x;
	background-position: top left;
	margin-right: 10px;
	margin-bottom: 4px;
	width: 710px;
}


div.relatedProductListContainer .subHeaderContainer h5 {
	padding-top: 0px;
	margin: 0;
	float: left;
}

.pageContainer {
	display: block;
	height: 18px;
	margin-top: 13px;
	padding:0;
	width: 715px;
	margin-bottom: 22px;
}

.pagerContainer {
	display: block;
	float: none;
	padding: 10px 0 10px 0;
}

.pagerContainer .pager {
	float: right;
}

div.pager_divider{
	clear: both;
	margin-top: 50px;
	margin-right: 10px;
	height: 20px;
	border-bottom: solid 3px #000;
}
div.pager_wrapper{
	clear: both;
	display: block;
	height:20px;
	margin-top:10px;
	margin-right:7px;
}


/* PAGER */

ul.pager{
	margin-top: 0;
	float: right;
}

ul.pager li{
	display: block;
	float: left;
	background-image: url('/vendWebShop/images/ui/lightgray_pixelline_v.gif');
	background-repeat: repeat-y;
	background-position: top right;
	padding: 0 8px 0 8px;	
}

ul.pager li.next {
	background-image: none;
}

ul.pager li.next a,
ul.pager li.previous a {
	width: 10px;
	background-repeat: no-repeat;
	background-position: center left;
}

ul.pager li.previous a {	
	background-image: url('/vendWebShop/images/ui/paging_back.gif');	
}

ul.pager li.previous a:hover {
	background-image: url('/vendWebShop/images/ui/paging_back_hover.gif');
}

ul.pager li.next a {
	background-image: url('/vendWebShop/images/ui/paging_next.gif');
}

ul.pager li.next a:hover {
	background-image: url('/vendWebShop/images/ui/paging_next_hover.gif');
}
	
ul.pager li a {
	display: block;	
	text-align: center;
	font-size: 13px;
	text-decoration: none;
	color: #666;
}

ul.pager li a:hover { 
	color: #000;
	text-decoration: underline;
}

ul.pager li.active a,
ul.pager li a.current,
ul.pager li a.currentpage {
	font-weight: bold;
	color: #000;
}

div.subHeaderContainer ul.small li.viewall {
	padding-left: 14px;
	padding-right: 0;
	background-image: none;
}

div.subHeaderContainer ul.small li.next {
	background-image: url('/vendWebShop/images/ui/lightgray_pixelline_v.gif');
}

div.subHeaderContainer ul.small li a,
div.subHeaderContainer ul.small li a:active,
div.subHeaderContainer ul.small li a:visited {
 font-size: 11px;
 color: #545454;
 text-decoration: none;
}

div.subHeaderContainer ul.small li a:hover {
  color: #000000;
  text-decoration: underline;
}

div.subHeaderContainer ul.small li.previous a {
 width: auto;
 font-size: 11px;
 padding: 0 8px 0 15px;
}

div.subHeaderContainer ul.small li.next a {
 width: auto;
 background-position: right center; 
 font-size: 11px;
 padding: 0 15px 0 8px;
}

/* >>> */


div.product_list {
	margin-top: 0;
	float: left;
	width: 100%;
	height: 170px;
}

div.product_list div {
	background-repeat: no-repeat;
}

a.lowPrice {
	border-bottom: 1px solid #72ad19;
}

a.lowPrice:hover {
	border: 1px solid #72ad19;
}

.lowPrice .details
{
	background-color: #72ad19;
}

.lowPrice .details h6 {
	color: #FFF;
}

.lowPrice .details label {
	color: #FFF;
}


/* ========================= */
/* = Collection Navigation = */
/* ========================= */
#collectionTrigger, div.collectionTrigger {
	cursor: pointer;
}

div.collectionNavigation {
/*	background-color: #545454;*/
	background-color: #000000;
	float: left;
	overflow: hidden;
	width: 920px;
}

div.collectionNavigation div {
	float: left;
	width: 174px;
	margin: 28px 10px 0 0;
}

div.collectionNavigation ul {
	margin: 0 0 25px 0;
}

div.collectionNavigation li {
	padding: 0 0 6px 0;
	line-height: 16px;
}

div.collectionNavigation li a {
	margin-left: 40px;
	display: block;
}

div.collectionNavigation h5 {
	color: #FFF;
	font-size: 13px;
	padding: 0 0 6px 0px;
	margin: 0 0 0 15px;
/*	background-image: url(../images/collectionbg/woman.jpg);*/
	background-repeat: no-repeat;
	background-position: top left;
	
}

div.collectionNavigation a, div.collectionNavigation a:link, div.collectionNavigation a:active, div.collectionNavigation a:visited {
	color: #fff;
	text-decoration: none;	
	font-weight: normal;
}

div.collectionNavigation a:hover {
	color: #FFF;
	text-decoration: underline;
}

.navigationBar .collectionTrigger, .navigationBar .collectionTrigger:link, .navigationBar .collectionTrigger:active, .navigationBar .collectionTrigger:visited {
	margin: 0;
	width: 160px;
	padding-left: 10px;
	background-image: url('../images/collectionnavigation/pijlcollectie_dicht.jpg');
	background-repeat: no-repeat;
	background-position: 10px center;
	float: left;
	color: #FFF;
	font-weight: bold;
	border-right: 1px solid #545454;
	margin-top: 8px;
	display: block;
	padding: 1px 0 3px 8px;
	padding-right: 32px;
	margin-right: 8px;
}

.navigationBar .collectionTrigger a, .navigationBar .collectionTrigger a:link, .navigationBar .collectionTrigger a:active, .navigationBar .collectionTrigger a:visited {
	text-decoration: none;
	padding-left: 30px;
	margin: 0;
	background-color: transparent;
	color: #FFF;
	font-size: 14px;
}

.navigationBar .collectionTrigger a:hover {
	text-decoration: none;
	background-color: transparent;
}

/* ==================== */
/* = ContentArea Page = */
/* ==================== */

.contentArea {
	width: 528px;
	margin-top: 18px;
	border-right: 1px solid #dcdcdc;
	margin-left: 0px;
	line-height: 16px;
	margin-right: 0;
}

.contentArea h1, .contentArea h2, .contentArea h3, .contentArea h4, .contentArea h5, .contentArea h6 {
	font-family: Arial, Helvetica, Sans-Serif;
	margin:0 20px 4px 0;
	padding:0;
}

.contentArea h1 {
	font-size: 16px;
	margin-bottom: 14px;
}

.contentArea h2 {
	font-size: 16px;
	margin-bottom: 14px;
}

.contentArea h3 {
	font-size: 12px;
}

.contentArea h4 {
	font-size: 12px;
}

.contentArea h5 {
	font-size: 12px;
}

.contentArea h6 {
	font-size: 12px;
}

.contentArea p {
	margin:0 10px 24px 0;
	padding:0;
	font-size: 12px;
	line-height: 16px;
	color: #000;	
}

.contentArea a, .contentArea a:link, .contentArea a:active, .contentArea a:visited {
	color: inherit;
	text-decoration: underline;
}

.contentArea div {
	display: block;
	margin: 0 20px 0 0;
	padding: 0;
}

.contentArea ul {
	list-style: none;
	
	list-style-position: inside;
	margin: 0 0 20px 25px;
	padding: 0;
	color: #626164;
}

.contentArea ul li {
	margin: 0;
	padding: 0 20px 4px 0;
	list-style-image: url(../images/ui/list_bullet.jpg);
}

.contentArea ol {
	list-style-type: decimal;
	list-style-position: inside;
	color: #626164;
	padding: 0 0 0 18px;
	margin-bottom: 20px;
	margin-right: 20px;
}

.contentArea ol li {
	list-style-type: decimal;
	padding-left: 15px;
	padding: 0 0 4px 6px;
}

.contentArea a img {
	border: none;
}

.contentArea .lead {
	color: #000;
}

.contentArea table {
	width: 98%;
	padding: 0;
	margin: 0;
	margin-right: 20px;
}

.contentArea th {
	margin: 0;
	background-color: #000;
	color: #FFF;
	height: 25px;
	padding: 0;
	vertical-align: top;
}

.contentArea th h1, .contentArea th h2, .contentArea th h3, .contentArea th h4, .contentArea th h5 {
	color: #FFF;
	font-size: 12px;
	padding: 0;
	margin: 5px 0 0 10px;
}

.contentArea td {
	padding: 4px 10px 4px 10px;
	vertical-align: middle;
	border-bottom: 1px solid #dcdcdc;
	color: #000;
}

.contentArea td h1, .contentArea td h2, .contentArea td h3, .contentArea td h4, .contentArea td h5 {
	color: #000;	
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

.sideImage {
	float:right;
	margin-right: 2px;
	margin-right /* */ : /* */ 10px;
	padding: 0;
	margin-top: 60px;
	width: 170px;
}

.sideImage img {
	display: block;
	margin:0;
	padding:0;
}

iframe.externalContentFrame, .externalContentFrame {
	border: none;
}

/* ========================== */
/* = Variant Selection Form = */
/* ========================== */

#product_variant_form_container
{
	height: 104px;
	padding:0;
	margin:0;
}

.buy_form {
	margin:0;
	padding:0;
}

.buy_form li {
	padding-left: 0;
/*	padding-bottom: 7px;*/
	height: 26px;
}

.buy_form select {
	width: 190px;
	margin: 0 0 0 10px;
/*	height: 17px;*/
	line-height: 16px;
}

.buy_form a {
	margin: 0 0 0 10px;
}

.buy_form .buyFormPlaceHolder {
	height: 19px;
	width: 190px;
	margin: 0 0 0 10px;	
	margin-left: 10px;
}


/* ========= */
/* = Forms = */
/* ========= */

.actionButton {
	background-color: #000;
	width: 190px;
	display: block;
	color: #FFF;
	text-align: center;
	text-decoration: none;
	padding: 7px 0 7px 0;
	font-size: 10px;
	color: #FFF;
}

.actionButton span {
	color: #FFF;
	text-decoration: none;
}

a.actionButton {
	text-decoration: none !important;
}



.actionButton:hover
{
	text-decoration: none;
}
	

.actionButton .addLabel {
	background-image: url('../images/ui/add_icon.gif');
	background-repeat: no-repeat;
	background-position: left center;
	padding: 0 16px 0 16px;
	color: #FFF;
}

.actionButton:hover .addLabel span {
	text-decoration: underline;
	color: #FFF;
}

.inlineButton {
	display: inline;
	margin-left: 10px;
}

.shoppingBasket {
}


.shoppingBasketSteps {
}

.shoppingBasketStepsBasket {
	
}

div.checkoutTabs {
	background-color: #f1f1f1;
	border-left: 1px solid #d9dbdc;
	border-top: 1px solid #d9dbdc;	
	background-image: url(../images/tmp/3pxBar.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	height: 45px;
	margin-right: 10px;
}

.shoppingBasketStepsBasket div.checkoutTabs {
	background-color: #FFF;
	border-top: none;	
}

.shoppingBasketStepsBasket div.checkoutTabs div {
	border-top: 1px solid #d9dbdc;
}


.shoppingBasketStepsBasket div.checkoutTabs div, div.checkoutTabs div {
	float: left;
	width: 140px;
	height: 42px;
	border-right: 1px solid #d9dbdc;
}

.shoppingBasketStepsBasket div.checkoutTabs div.step0, div.checkoutTabs div.step0 {
	width: 140px;
}

.shoppingBasketStepsBasket div.checkoutTabs div.step1, div.checkoutTabs div.step1 {
	width: 135px;
}

.shoppingBasketStepsBasket div.checkoutTabs div.step2, div.checkoutTabs div.step2 {
	width: 100px;
}

.shoppingBasketStepsBasket div.checkoutTabs div.step3, div.checkoutTabs div.step3 {
	width: 122px;
}

.shoppingBasketStepsBasket div.checkoutTabs div.step4, div.checkoutTabs div.step4 {
	width: 121px;
}

.shoppingBasketStepsBasket div.checkoutTabs div.step5, div.checkoutTabs div.step5 {
	width: 85px;
}

div.checkoutTabs div span, div.checkoutTabs div label { 
	margin-top: 18px;
	margin-left: 10px;
	display: block;
	float: left;
	font-size: 13px;
	color: #545454;
}

div.checkoutTabs div.done {
	background-image: url('../images/ui/tab_completed_icon.gif');
	background-repeat: no-repeat;
	background-position: bottom right;
	background-color: #F1F1F1;
}
	
div.checkoutTabs div.done, 
div.checkoutTabs div.done label {
	cursor: pointer;
}

div.checkoutTabs div.done a {
	display: none;
} 

div.checkoutTabs div.done span, div.checkoutTabs div.done label {
	color: #000;
}

div.checkoutTabs div.current {
	background-color: #FFF;
	height: 45px;
}

div.checkoutTabs div.current span {
	color: #000;	
	font-size: 23px;
	margin-top: 11px;	
	font-weight: bold;
} 

div.checkoutTabs div.current label {
	color: #000;		
	font-size: 17px;
	margin-top: 17px;
	font-weight: bold;
}


/* Number and Label */
div.checkoutTabs div span, div.checkoutTabs div label { 
	margin-top: 17px;
	margin-left: 10px;
	display: block;
	float: left;
	font-size: 12px;
	color: #545454;
}

div.checkoutTabs div.done {
	background-image: url('../images/ui/tab_completed_icon.gif');
	background-repeat: no-repeat;
	background-position: bottom right;

}

div.checkoutTabs div.done span, div.checkoutTabs div.done label {
	color: #000;
}

div.checkoutTabs div.current, div.checkoutTabs div.basketStep {
	background-color: #FFF;
	height: 45px;
	width: 142px;
}

div.checkoutTabs div.current {
	height: 45px;
}
div.checkoutTabs div.basketStepDone {
	background-color: #f1f1f1;
	height: 42px;
}

div.checkoutTabs div.current span, div.checkoutTabs div.basketStep span {
	color: #000;	
	font-size: 23px;
	margin-top: 11px;	
	font-weight: bold;
} 

div.checkoutTabs div.current label, div.checkoutTabs div.basketStep label {
	color: #000;		
	font-size: 12px;
	margin-top: 17px;
	font-weight: bold;
}

/* =============== */
/* = Page basket = */
/* =============== */

.quickviewBasket {

	display: none;
	visibility: hidden;
	overflow: hidden;
	position: absolute;
	width: 238px;
	z-index: 9000;
	background-color: #FFF;
	border-left: 1px solid #f2f2f2;
	border-right: 1px solid #f2f2f2;
	margin: 0;
	padding: 0;
}

.quickviewBasket li {
	border-top: 1px solid #f2f2f2;
	font-size: 11px;
	background-repeat: no-repeat;
	background-position: top left;
}

.quickviewBasket li.quickViewBasketEntry {
	cursor: pointer;
	height: 37px;
	text-decoration: none;
	padding: 0;
	margin:0;
}

.quickviewBasket li.quickViewBasketEntry * {
	text-decoration: none;
}

.quickviewBasket li a, .quickviewBasket li a:link, .quickviewBasket li a:visited, .quickviewBasket li a:active {
	display: block;
	text-decoration: none;
	cursor: pointer;
	margin: 0;
	padding: 0;
	height: 37px;
}

.quickviewBasket li a span.label, .quickviewBasket li a:visited span.label, .quickviewBasket li a:active span.label, .quickviewBasket li a:link span.label {
	display: block;
	text-decoration: none;
	cursor: pointer;
	margin-top: 5px;
	overflow: hidden;
	width: 160px;
	line-height: 12px;
	height: 12px;
}

* html .quickviewBasket li a span.label, .quickviewBasket li a:visited span.label, .quickviewBasket li a:active span.label, .quickviewBasket li a:link span.label {
	display: inline;
}

.quickviewBasket li a span.totalPrice, .quickviewBasket li a:visited span.totalPrice, .quickviewBasket li a:active span.totalPrice, .quickviewBasket li a:link span.totalPrice {
	float: right;
	color: #000;
	margin-top: 5px;
	margin-right: 0;	
	padding-right: 7px;
	display: block;
	text-decoration: none;
	cursor: pointer;
}

.quickviewBasket li a:hover span.totalPrice {
	text-decoration: none;
}

.quickviewBasket li a:hover span.label {
	text-decoration: underline;
	text-decoration: none;
}

.quickviewBasket li label, .quickviewBasket li span.label {
	display: block;
	font-weight: bold;
	color: #000;
	margin-top: 0px;
	margin-left: 39px;
	text-decoration: none;
}

.quickviewBasket li div, .quickviewBasket li span.basketQuantity
{
	color: #545454;
	margin-left: 39px;
	margin-top: 7px;	
	margin-bottom: 5px;	
	text-decoration: none;
	font-size: 10px;
}

.quickviewBasket li.quickviewBasketSummary {
	clear: both;
}

.quickviewBasket #basketControll li.quickviewBasketSummary span {
	float: right;
	background: none;
}

.quickviewBasket li.quickviewBasketSummary span.label, .quickviewBasket li.quickviewBasketSummary label {
	margin-left: 9px;
	margin-bottom: 5px;
	margin-top: 8px;	
	font-weight: normal;
	text-decoration: none;
}

.quickviewBasket li.quickviewBasketSummary span {
	font-weight: bold;
	margin-top: 7px;
	margin-right: 7px;
	float: right;
}

.quickviewBasket #basketControll li.quickviewBasketActions {
	
	clear: both;
	background-color: #000;
	color: #fff;
	display: block;
	border-bottom: 1px solid #FFF;
	border-top: 1px solid #FFF;
	text-align: left;
	padding:0;
	height: 27px;
	overflow: hidden;
}

.quickviewBasket #basketControll li.quickviewBasketActions  a {
	background: #000;	
}

li.quickviewBasketActions a:hover {
	text-decoration: underline;
}

 #quickviewBasketContent .quickviewBasket li.quickviewBasketActions a,  #quickviewBasketContent .quickviewBasket li.quickviewBasketActions a:link, #quickviewBasketContent  .quickviewBasket li.quickviewBasketActions a:active,  #quickviewBasketContent  .quickviewBasket li.quickviewBasketActions a:visited {
	color: #fff !important; 
	display: block;
	text-decoration: none;
	margin-left: 5px;
	margin-top: 5px;
	margin-bottom: 0;
	font-size: 10px;
	font-weight: normal;	
}

li.quickviewBasketActions a, 
li.quickviewBasketActions a:link, 
li.quickviewBasketActions a:active, 
li.quickviewBasketActions a:visted {
/*	color: #fff !important; 
	display: block;
	text-decoration: none;
	margin-left: 5px;
	margin-top: 5px;
	font-size: 10px;
	font-weight: normal;
	border: 1px solid #F00;*/
	
}

#basketUp, #basketDown {
	display: block;
	background-color: #c4c3c3;
	background-position: center center;
	background-repeat: no-repeat;
	height: 20px;
	width: 100%;
}

#basketUp {
	background-image: url('../images/ui/scroll_up_icon.gif');
	border-bottom: 1px solid #FFF;
}

#basketDown {
	border-top: 1px solid #FFF;
	background-image: url('../images/ui/scroll_down_icon.gif');
}


/* ================================= */
/* = Checkout process: Basket View = */
/* ================================= */

div.checknavigation {
	width: 711px;
	background-color: #f1f1f1;
	height: 25px;
	margin-bottom: 30px;
}

div.checknavigation a {
	font-size: 10px;
	background-image: url('../images/ui/backbutton_arrow.gif');
	background-repeat: no-repeat;
	background-position: top left;
	padding: 5px 7px 7px 24px;
	display: block;
	float: left;
	text-decoration: none;
	font-weight: bold;
}

div.checknavigation a:hover {
	text-decoration: underline;
}

div.checknavigation .actionButton {
	width: auto;	
	float:right;
	padding-right: 45px;
	padding-left: 10px;
	padding-left /* */: /* */ 12px;
	padding-bottom: 6px;
	padding-top: 6px;
	padding-top /* */: /* */ 5px;
	background-image: url('../images/ui/actionButtonArrowRight.gif');
	background-repeat: no-repeat;
	background-position: top right;
	border: none;
	font-weight: normal;
}

.actionButton span {
	color: #FFF;
	background-color: none;
}

div#errors {
	color: #ff0000;
}

div#errors ul {
	margin: 7px 0 0 10px;
}

div#errors ul li {
	margin-bottom: 7px;
}

.tickerBox {
	visibility: hidden;
	display: none;
}

/* =========================== */
/* = Checkout Process: Login = */
/* =========================== */

.loginView {
	padding-top: 30px;
}

.loginView .actionButton {
	width: auto;	
	float:right;
	padding-right: 27px;
	padding-left: 12px;
	background-image: url('../images/ui/actionButtonArrowRightSmall.gif');
	background-repeat: no-repeat;
	background-position: top right;
}

div.voucher {
	padding-left: 10px;
	padding-right: 10px;
}


div.voucher table.vouchertable {
	width: 100%;
}

div.voucher table.vouchertable, div.voucher table.vouchertable tr, div.voucher table.vouchertable td, div.voucher table.vouchertable tbody {
	margin: 0;
	padding: 0;	
}

div.voucher table.vouchertable td.voucherlabel {
	width: 200px;
}

div.voucher table.vouchertable td.voucherinput input{
	width: 280px;
}


div.voucher table.vouchertable td.vouchersubmit{
	width: 200px;	
}


div.deliveryButtons .actionButton {
	background-image: url('../images/ui/actionButtonArrowRightSmall.gif');
	background-repeat: no-repeat;
	background-position: top right;
	padding-left: 10px;
	padding-right: 20px;
		
}

div.voucher table.vouchertable tbody tr td input.actionButton {
	
	height: 22px;
	border: solid 1px #000;
	
	background-image: url('../images/ui/actionButtonArrowRightSmall.gif');
	background-repeat: no-repeat;
	background-position: top right;
	padding: 1px 20px 1px 10px;
	margin: 0px 10px 0px 0px;	
	display: block;
	white-space: pre;
}

.deliveryButtons {
	padding-top: 10px;
} 

.checkoutMargin {
	margin-top: 30px;
	clear:both;
}


div.loginView h1, div.loginView h2, div.loginView form h2 div.loginView h3, div.loginView h4, div.loginView div  {
	margin-left: 10px;
}

/* ============================== */
/* = Checkout Process: Delivery = */
/* ============================== */

.deliveryView {
	
}

.checkoutView 
{
	display: block;
}

.deliveryView h2, .deliveryView p, .checkoutView h2, .checkoutView p {
	margin-left: 10px;
}

.checkoutView h2 {
	margin-top: 30px;
	margin-bottom: 0;
}

.checkoutView p {
	margin-top: 15px;
	margin-bottom: 0;
}

.deliveryView .mydata {
	display: block;
/*	border-top: 1px solid #f1f1f1;*/
/*	border-bottom: 1px solid #f1f1f1;*/
	margin-top: 40px;
}

.small_link, .hiddenForm .small_link, .loginView .small_link, .deliveryView .mydata .small_link, .deliveryView .small_link, .summaryDisplay .splitView div .small_link, .loginView .remove_link, .deliveryView .mydata .remove_link, .deliveryView .remove_link, .mydata .subhead .small_link {
	float: right;
	color: #545454;
	font-size: 11px;
	text-decoration: none;
	margin-top: 4px;
	margin-right: 10px;
	padding-left: 10px;
	background-image: url('../images/ui/small_link_arrow.gif');
	background-repeat: no-repeat;
	background-position: top left;
}

.showHideFormAnchor {
	visibility: hidden;
}



.mydata .subhead {
	border-bottom: 1px solid #dcdcdc;
}

.mydata .subhead h4 {
	margin: 10px 0 10px 10px;
}

.deliveryView .mydata .name {
	font-style: italic;
	margin-top: 20px;
	margin-left: 10px;
	display: block;
}

.deliveryView .mydata ul.overviewdatacollection, ul.overviewdatacollection {
	margin-top: 11px;
	margin-left: 10px;
}

.deliveryView .mydata .overviewdatacollection li, .overviewdatacollection li {
	margin-top: 3px;
}

label.name {
	font-style: italic;
	margin-top: 11px;
	margin-left: 10px;
}

.description span.name {
	font-style: normal;
}

.deliveryView .tabs {
	width: 710px;
	height: 38px;
	display: block;
	border-left: 1px solid #dcdcdc;
	border-top: 1px solid #dcdcdc;
}

.deliveryView .tabs div {
	width: 354px;
	border-right: 1px solid #dcdcdc;
	height: 38px;
	float: left;
	background-color: none;
	background-color: #f1f1f1;
}

.deliveryView .tabs div.selected {
	background-color: #FFF;
}

.deliveryView .tabs div span {
	display: block;
	padding-top: 6px;
	padding-left: 11px;
	color: #545454;
}

.deliveryView .tabs div.seleced span {
	
}

.deliveryView .tabs div span label {
	font-weight: bold;
}

.deliveryView .tabs div.selected span label
{
	color: #000;
}

.deliveryView .tabs div span label input {
	margin: 5px 5px 0 0;
	padding: 5px;
	line-height: 15px;
}

.deliveryView .tabcontent {
}

.deliveryView .tabcontent h4 {
	margin-top: 26px;
	margin-left: 10px;
	margin-bottom: 0;
}


.hiddenForm, div.hiddenForm {
	display: none;
	visibility: hidden;
}


.deliveryButtons {
	width: 710px;
	text-align: center;
	margin-bottom: 35px;
	height: 50px;
}

.deliveryButtons a, .deliveryButtons a:link, .deliveryButtons a:active, .deliveryButtons a:visited {
	background-color: #000;
	padding: 5px 20px 5px 20px;
	color: #FFF;
	text-decoration: none;
	font-size: 10px;
	display: block;
	width: 150px;
}

.deliveryButtons .b1 {
	float: left;
	margin-left: 80px;
}

.deliveryButtons .b2 {
	float: right;
	margin-right: 80px;
}


.deliveryButtons a:hover {
	text-decoration: underline;
}

/* ============================== */
/* = Checkout Process: Overview = */
/* ============================== */

a.termsAndCondictionButton, a.termsAndCondictionButton:link, a.termsAndCondictionButton:visited, a.termsAndCondictionButton:active {
	margin: 0 0 35px 0;
	display: block;
}

.summaryDisplay {
	
}

.summaryDisplay .splitView {
	width: 710px;
	height: 245px;
	border-top: 1px solid #dcdcdc;
}

.summaryDisplay .splitView div {
	float: left;
	width: 354px;
	border-bottom: 1px solid #dcdcdc;
}

.summaryDisplay .splitView div h4, .summaryDisplay .splitView div ul {
	margin-left: 10px;
}

.summaryDisplay .splitView div h4, .summaryDisplay .splitView div .small_link {
	margin-top: 27px;
}
.summaryDisplay h2, .summaryDisplay p {
	margin-left: 10px;
}

.summaryDisplay h2 {
	margin-top: 27px;
}

.summaryDisplay p {
	margin-bottom: 25px;
}

.summaryDisplay .splitView ul {
	margin-top: 0;
	margin-left: 10px;
}

.summaryDisplay .splitView ul li {
	margin-top: 3px;
}

.summaryDisplay .splitView label {
	font-style: italic;
	margin-top: 20px;
	margin-left: 10px;
	display: block;
}


/* ============================= */
/* = Checkout Process: Profile = */
/* ============================= */

.formDisplay {
	margin-left: 8px;
	margin-bottom: 18px;
}

.formDisplay td {
	vertical-align: bottom;
}

.formDisplay td.info {
	
}

.formDisplay td.info div {
	color: #0FF;
	color: #000;
}

.formDisplay td.labelcell {
	padding-bottom: 4px;
	margin: 0;
}

.formDisplay input {
	width: 180px;
	line-height: 17px;
	border: 1px solid #dcdcdc;
	font-size: 12px;
	color: #545454;
	padding-left: 5px;
	height: 17px;
	margin-top: 1px;
}

.formDisplay input.actionButton, input.actionButton {
	color: #FFF;
	border: none;
	padding: 1px 0 1px 0;
	cursor: pointer;
	height: 27px;
	line-height: 18px;
}

.formDisplay .autoSize {

	display: block;
	padding-top: 5px;
	line-height: 0px;
}

.formDisplay .autoSize input, .autoSize input {
	width: auto;
	border: none;
	height: auto;
	color: auto;
}

div.shoppingBasketSteps h2 {
	margin-left: 10px;
	margin-top: 30px;
	font-size: 16px;
}

div.shoppingBasketSteps h3 {
	margin-bottom: 5px;
	margin-left: 10px;
	font-size: 14px;
}

div.errorMessage {
	color: red;
	font-size: 11px;
	margin-top: 9px;
	margin-bottom: 0;
	line-height: 14px;
	padding-bottom: 2px;
}

/* ================================= */
/* = Now At VD page/Theme overview = */
/* ================================= */

div.nowatvdContainer {
	width: 920px;
}

div.nowatvdContainer .themelist {
	float: right;
}

div.nowatvdContainer .themelist ul li a img {
	display: block;
	border: none;
}

div.nowatvdContainer .themelist ul li {
	margin-bottom: 10px;
}

a.last {
	margin-right: 0;
}

.productInfoContainer {
	padding : 0;
	margin: 0;
}

.priceBox {
	display: block;
	margin-left: 10px;
	margin-right: 20px;
	margin-top: 0px;
	padding-top: 20px;
	
}

.priceBox .price, .priceBox .price1, .priceBox .price2 {
	font-size: 18px;
	width: 180px;
	margin: 0;
	display: block;
	float: none;
}


.priceBox .price1 {
	font-size: 12px;
	margin-bottom: 5px;
}

.diagonalStrikeThrough{
	color: #ff0066;
}

.priceBox .price2 {
	text-align: left;
}

div.articleNumber {
	font-size: 10px;
	font-style: italic;
	margin: 8px 20px;
}

.hiddenObject {
	display: none;
	visibility: hidden;
}

.nonVisible {
	visibility: hidden;
	
}

.spinner {
	background-image: url(../images/ui/basketloader.gif);
	background-position: center center;
	background-repeat: no-repeat;
}

.variantSpinner {
	float: right;
	width: 24px;
	height: 22px;
	border: none;
	margin-right: 12px;
	margin-bottom: 4px;
}

/* ================= */
/* = Banner Column = */
/* ================= */

.bannerColumn {
	float: left;
	width: 100%;
	margin: 0;
	padding:0;
	display: block;
	background-color: #FFF;
}

.bannerColumn .banner {
	background-color: #ffffde;
	color: #947b18;
	width: 100%;
	margin-top: 10px;
}

.bannerColumn .banner h5 {
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
	margin-left: 20px;
	padding-top: 23px;
	margin-top: 0;
	padding-right: 15px;	
	padding-bottom: 0;
	margin-bottom: 0;
	display: block;
}

.bannerColumn .banner p
{
	font-size: 12px;
	margin-left: 20px;
	margin-top: 0;	
	padding-top: 10px;
	padding-right: 15px;	
	padding-bottom: 20px;
	display: block;
}


/* ===================== */
/* = Contact Form View = */
/* ===================== */

.contactView {

}

.contactView td.label, .contactView td.label label  {
	width: 160px;
	font-weight: normal;
	margin-left: 0;
}

.contactView label {
	margin-top: 15px;
	margin-bottom: 3px;
	display: block;
	font-weight: bold;
	width: 686px;
	margin-left:3px;
}

.contactView textarea {
	width: 686px;
	height: 150px;
	border: 1px solid #DCDCDC;
}

.contactView select {
	width: 686px;
}

.contactView input {
	width: 150px;
	line-height: 15px;
}

.contactView input.M {
	width: 100px;
}

.contactView input.S {
	width: 34px;
}


.contactView .formPart1, .contactView .formPart2 {
/*	height: 230px;*/
	width: 48%;
}

.contactView .formPart1 {

} 
.contactView .formPart2 {
	float: right;
}

/* =============== */
/* = Search View = */
/* =============== */
.searchView {
	width: 540px;
}

.searchView ul.searchResultDisplay li {
	border-bottom:1px solid #dcdcdc;
	padding-bottom: 5px;
}

.searchView ul.searchResultDisplay li h4 {
	font-size: 12px;
	padding: 0;
	margin: 8px 0 8px 0;
}

.searchView ul.searchResultDisplay li p {
	margin:0;
	width: 455px;
	padding: 0 0 10px 0;
}

.searchView ul.searchResultDisplay li {
	cursor: pointer;
}

.searchView ul.searchResultDisplay li a, .searchView ul.searchResultDisplay li a:link, .searchView ul.searchResultDisplay li a:active, .searchView ul.searchResultDisplay li a:visited {
	text-decoration: none;
	background-repeat: no-repeat;
	background-image:url('../images/ui/paging_next.gif');
	background-position:right 4px;
	color:#545454;
	padding-right:15px;
}

.searchView ul.searchResultDisplay li a:hover {
	color: #000;
	margin-left: 0;
	background-image:url('../images/ui/paging_next_hover.gif');
	text-decoration: underline;
}

.searchView ul.searchResultDisplay p.searchReadMore {
	padding-top: 5px;
	padding-bottom: 5px;
}

.searchView ul.searchResultDisplay li .imageDisplay { 
	width:50px;
	text-align: center;
}

.searchView ul.searchResultDisplay li .imageDisplay img {
	vertical-align: center;
	padding-top: 19px;
}

.searchView ul.searchResultDisplay li.variant {
	min-height: 72px;
	padding-bottom: 0;
}
.searchView ul.searchResultDisplay li.variant p {
	min-height: 24px;
	padding-bottom: 0;
}

.searchView ul.searchResultDisplay li.variant a {
	margin-left: 0;
}

.searchView .searchForm {
	background-color: #f1f1f1;
	padding: 10px;
}

.searchView .searchForm h3 {
	margin: 0 0 20px 0;
	padding: 0;
}

.searchView .searchForm label {
	padding-right: 10px;
}

.searchView .searchForm .searchButton {
	background-color: #f1f1f1;
	border: none;
	background-position: right center;
	background-repeat: no-repeat;
	background-image: url('../images/search/search_arrow.gif');
}

.searchView .searchForm table.searchTable, .searchView table.searchResultTable {
	margin:0; 
	padding: 0; 
	border-spacing: 0;
}

.searchView table.searchResultTable td {
	min-height: 80px;
	vertical-align: top;
} 

/* ================ */
/* = Tooltip info = */
/* ================ */

.infoItem {
	cursor: pointer;
	background-color: #724d06;
	color: #897114;
	width: 20px;
	height:20px;
	background-image: url('../images/ui/infoIcon.jpg');
	background-repeat: no-repeat;
}

.infoTip-tip {
	padding-top: 4px;
	padding-bottom: 3px;
	padding-left: 8px;
	padding-right: 8px;	
	max-width: 200px;
}

.infoTip-tip, .infoTip, .infoTip .tip, .infoTip .tip-title, .infoTip .tip-text{
	background-color: #ffffaf;
	font-size: 11px;
	font-style: italic;
	color: #724d06;
	text-align: left;
}

.infoTip-tip .tip-title {
	font-weight: bold;
}

span.smallText {
	font-size: 11px;
	color: #333;
}

div.floatingNotification {
	background-color: #FFFFDE;
	color: #947B18;
	font-weight: bold;
	display: none;
	visibility: hidden;
	position: absolute;
	padding: 5px;
	margin: 10px;
	border: 1px solid #947B18;
}

     
.error input, .error select {
	border: 1px solid red;
	display: inline;
}

.pointer,
.handcursor {
	cursor: pointer;
}

option.sold_out {
 background-image: url('../images/selectbox/soldout.gif');
 background-repeat: no-repeat;
 background-position: right center;
}


div.plus_delivery {
 margin: -28px 10px 0px auto;
 padding: 0px;
 width : 30px;
 height: 30px; 	
}

div.plus_delivery a {
 margin: 0px;
 padding: 0px;
 display: block;
 width: 30px;
 height: 30px;
}

.alignCenter {
	text-align: center;
}
.alignLeft {
	text-align: left;
}
.alignRight {
	text-align: right;
}

br.clear {
	height: 0;
	clear: both;
	margin:0;
	padding: 0;
}
