/*  ********************************************************************** 
 *  CATEGORIES 
 *  ********************************************************************** */
#catList {

}
#catList table {
  	width: 100%;
	border: 0;
} 
#catList table tr td {
  	padding: 0 10px 0 0;
	width: 25%;
} 
#catList table tr td h3 {
  	padding: 0 0 2px 0;
	color: #858383;
	font-size: 11px;
	font-weight: normal;
} 
#catList table tr td h3 a, #catList table tr td h3 a:visited {
	color: #858383;
} 
 
 

/*  ********************************************************************** 
 *  ARTICLE LISTING  
 *   normal: 
 *   small: with 345px total
 *  ********************************************************************** */

div.artListTitle {
 	border: 1px solid #858383;
	background: #B5BBBC;
	padding: 5px 12px;
	margin-bottom: 15px; 
}


table#shop_artList {
  	width: 100%;
	border: 0;
	margin: 15px 0;
}
#shop_artList form {
	padding: 5px;
	margin: 0 0 15px 0;
}
#shop_artList form.withBorder {
	border: 1px solid #858383;
}
#shop_artList table.small, #shop_artList table.mid {
  	width: 100%;
	border: 0;
	margin: 0;
}
table#shop_artList tr td, #shop_artList table.small tr td {
  	padding: 0;
	margin: 0;
}
/* left: image cell */
table#shop_artList tr td.image, #shop_artList table.mid tr td.image, #shop_artList table.small tr td.image {
	overflow: hidden;
	text-align: center;
	vertical-align: middle;
}
#shop_artList tr td.image {
  	width: 105px; /*140px;*/
	height: 105px; /*128px;*/
}
/* images in all applications the same! 
#shop_artList table.mid tr td.image {
  	width: 100px;
	height: 120px; 
}
#shop_artList table.small tr td.image {
  	width: 50px;
	height: 64px;
} */
/* nh 091221: no border needed no more
table#shop_artList tr td.image table.border {
  	width: 100%;
	height: 100%;
	overflow: hidden;
	border: 1px solid #DAD9D9;
}
table#shop_artList tr td.image table.border tr td {
  	padding: 1px;
	text-align: center;
	vertical-align: middle;
}  */
#shop_artList select {
  	font-size: 11px;
}
/* right: title (1), desc (2), data (3) */
table#shop_artList tr td.title, table#shop_artList tr td.desc, table#shop_artList tr td.data {
  	width: 600px;
	overflow: hidden;
	padding-left: 20px;
	voice-family: "\"}\""; 
	voice-family: inherit;
	width: 580px;
}
html>body table#shop_artList tr td.title, html>body table#shop_artList tr td.desc, html>body table#shop_artList tr td.data {
	width: 580px;
}
/* right: title (1), desc (2), data (3) */
#shop_artList table.small tr td.title, #shop_artList table.small tr td.desc, #shop_artList table.small tr td.data, 
#shop_artList table.mid tr td.title, #shop_artList table.mid tr td.desc, #shop_artList table.mid tr td.data {
	padding-left: 10px;
}
table#shop_artList tr td.title, #shop_artList table.mid tr td.title, #shop_artList table.small tr td.title {
	height: 20px;
	line-height: 1em;
	/*background: #993333;*/
}
table#shop_artList tr td.desc, #shop_artList table.mid tr td.desc, #shop_artList table.small tr td.desc {
  	height: 88px;
	color: #1E1E1E;
	/*background: #CC9900;*/
}
table#shop_artList tr td.data, #shop_artList table.mid tr td.data, #shop_artList table.small tr td.data {
	height: 20px;
	line-height: 1em;
	/*background: #CC6633;*/
}
/* 1st line */
table#shop_artList tr td.title h2, #shop_artList table.mid tr td.title h2, #shop_artList table.small tr td.title h2 {
  	padding: 0 0 2px 0;
	font-size: 11px;
	color: #8ACCC7;
}
table#shop_artList tr td.title h2, #shop_artList table.mid tr td.title h2 {
  	padding-left: 12px;
	background: url(/shop/images/shop/bullet_title_blue.gif) 0 4px no-repeat;
}
table#shop_artList tr td.title h2 a, table#shop_artList tr td.title h2 a:visited, 
#shop_artList table.mid tr td.title h2 a, #shop_artList table.mid tr td.title h2 a:visited, 
#shop_artList table.small tr td.title h2 a, #shop_artList table.small tr td.title h2 a:visited {
	color: #8ACCC7;
	text-decoration: none;
}
table#shop_artList tr td.title h2 a:hover, #shop_artList table.mid tr td.title h2 a:hover, #shop_artList table.small tr td.title h2 a:hover {
	text-decoration: underline;
}
#shop_artList .price {
	font-size: 11px;
	font-weight: bold;
	color: #8ACCC7;
}
table#shop_artList tr td.title .price, 
#shop_artList table.mid tr td.title .price {
  	float: right;                           
	padding: 0 0 0 5px;
}
table#shop_artList tr td.title .price .legend, table#shop_artList tr td.title .price .regPrice, 
#shop_artList table.mid tr td.title .price .legend, #shop_artList table.mid tr td.title .price .regPrice,
#shop_artList table.small tr td.desc .price .legend, #shop_artList table.small tr td.desc .price .regPrice {
	font-weight: normal;
	color: #6E6E6E;
}
table#shop_artList tr td.title .price .regPrice, #shop_artList table.mid tr td.title .price .regPrice, #shop_artList table.small tr td.desc .price .regPrice {
	text-decoration: line-through;
	text-align: right;
}
/* 2nd line */
table#shop_artList tr td.desc .special, #shop_artList table.mid tr td.desc .special, #shop_artList table.small tr td.desc .special {
  	float: right;
	width: 56px;
	height: 56px;
	margin: 8px 0 4px 4px;
}
table#shop_artList tr td.desc .intro, #shop_artList table.mid tr td.desc .intro, #shop_artList table.small tr td.desc .intro {
	margin: 8px 0 4px 0;
}
table#shop_artList tr td.desc .packSize, #shop_artList table.mid tr td.desc .packSize, #shop_artList table.small tr td.desc .packSize {
	margin-bottom: 4px;
	font-style: italic;
}
/* TODO: selects for variations !!! */

/* 3rd line */
table#shop_artList tr td.data .artNumber {
  	float: left;
	width: 40%;
}
#shop_artList table.mid tr td.data .artNumber, #shop_artList table.small tr td.data .artNumber {
  	float: right;
}
table#shop_artList tr td.data .detailsLink {
  	float: left;
	width: 15%;
}
table#shop_artList tr td.data a, table#shop_artList tr td.data a:visited {
  	text-decoration: underline;
	padding: 10px 0;
}
/* quantity select */
table#shop_artList tr td.data .quantity {
  	float: left;
	width: 15%;
	text-align: right;
}
#shop_artList table.mid tr td.data .quantity, #shop_artList table.mid tr td.data .quantity, 
#shop_artList table.small tr td.data .quantity {
  	float: right;
	width: 66px;
	margin-right: 8px;
}

table#shop_artList tr td.data .basketButton {
  	float: left;
	width: 29%;
	text-align: right;
}
#shop_artList table.mid tr td.data .basketButton, #shop_artList table.small tr td.data .basketButton {
  	float: right;
	width: 114px;
}
table#shop_artList tr td.data .basketButton input.langES, #shop_artList table.mid tr td.data .basketButton input.langES, 
#shop_artList table.small tr td.data .basketButton input.langES, 
table#shop_artList tr td.data .basketButton input.langEN, #shop_artList table.mid tr td.data .basketButton input.langEN, 
#shop_artList table.small tr td.data .basketButton input.langEN  {
  	width: 114px;
	height: 18px;
	border: 0;
	padding: 0;
	background-repeat: no-repeat;
	background-position: 0 0;
	cursor: pointer;
}
table#shop_artList tr td.data .basketButton input.langES, #shop_artList table.mid tr td.data .basketButton input.langES, 
#shop_artList table.small tr td.data .basketButton input.langES {
	background-image: url(/shop/images/shop/es/but_addToBasket.gif);
}
table#shop_artList tr td.data .basketButton input.langEN, #shop_artList table.mid tr td.data .basketButton input.langEN, 
#shop_artList table.small tr td.data .basketButton input.langEN {
	background-image: url(/shop/images/shop/en/but_addToBasket.gif);
}


/* spacer line */
table#shop_artList tr td.spacer {
  	height: 14px;
	vertical-align: middle;
}
table#shop_artList tr td.spacer div {
  	height: 1px;
	border-top: 1px dotted #858383;
	overflow: hidden;
	voice-family: "\"}\""; 
	voice-family: inherit;
	height: 0;
}
html>body table#shop_artList tr td.spacer div {
	height: 0;
}

/* Input/Buttons to select articles quantity (art list, art details, basket) */

#shop_artList table.quantSelect,
#basketTable table.quantSelect, 
#artDetails table.quantSelect {
  	/*width: 60px;*/
	/*border: 0;*/
	border: 1px solid #858383;
	border-collapse: collapse;
	/*voice-family: "\"}\""; 
	voice-family: inherit;
	width: 58px;
}
html>body #shop_artList table.quantSelect,
html>body #basketTable table.quantSelect, 
html>body #artDetails table.quantSelect {
	width: 58px; */
}
#shop_artList table.quantSelect tr td,
#basketTable table.quantSelect tr td, 
#artDetails table.quantSelect tr td {
  	padding: 0;
	/*border: 0;*/
	border: 1px solid #858383;
	vertical-align: middle;
}
#shop_artList .quantity input,
#basketTable .quantity input,
#artDetails .quantity input {
	height: 16px;
	width: 30px;
	border: 0; /*border: 1px solid #858383;*/
	padding: 1px;
	margin: 0;
	font-size: 11px;
	text-align: right;
	overflow: hidden;
	voice-family: "\"}\""; 
	voice-family: inherit;
	height: 14px;/*12px;*/
	width: 28px; /*26px;*/
}
html>body #shop_artList .quantity input,
html>body #basketTable .quantity input,
html>body #artDetails .quantity input {
	height: 12px;
	width: 26px;
}
#shop_artList .quantity img,
#basketTable .quantity img {
  	/*border-top: 1px solid #858383;
	border-right: 1px solid #858383;
	border-bottom: 1px solid #858383;*/
	vertical-align: baseline;
}

/**
 * Special article list grid formatted
 * 4 articles per row ; without basket options  
 */ 
table#shop_artGrid {
	width: 938px;
	border: 0;
}
table#shop_artGrid tr td {
	padding: 15px 0;
	width: 218px;
	height: 275px;
}
table#shop_artGrid tr td.hspace {
	width: 22px;
	overflow: hidden;
} 
table#shop_artGrid tr td .gridImage {
	width: 210px;
	height: 230px;
	overflow: hidden;
	margin-bottom: 6px;
	background-position: center center;
	background-repeat: no-repeat;
}
table#shop_artGrid tr td .gridImage img {
	width: 210px;
	height: 230px;
}

table#shop_artGrid tr td h2 {
  	padding: 0 0 2px 0;
	font-size: 11px;
	color: #8ACCC7;
}
table#shop_artGrid tr td h2 {
  	padding-left: 12px;
	background: url(/shop/images/shop/bullet_title_blue.gif) 0 4px no-repeat;
}
table#shop_artGrid tr td h2 a, table#shop_artGrid tr td h2 a:visited {
	color: #8ACCC7;
	text-decoration: none;
}
table#shop_artGrid tr td h2 a:hover {
	text-decoration: underline;
} 
table#shop_artGrid tr td .intro {
  	margin: 5px 0;
  	height: 40px;
  	overflow: hidden;
	font-size: 11px;
	color: #1E1E1E;
}

table#shop_artGrid tr td .price {
	font-size: 11px;
	font-weight: bold;
	color: #8ACCC7;
}
table#shop_artGrid tr td .price .legend, table#shop_artGrid tr td .price .regPrice {
	font-weight: normal;
	color: #6E6E6E;
}
table#shop_artGrid tr td .price .regPrice {
	text-decoration: line-through;
	text-align: right;
}

 
/*  ********************************************************************** 
 *  ARTICLE DETAILS 
 *   634px available: 390 + 10 + 234px
 *  ********************************************************************** */
#artDetails div.image {
  	float: left;
	width: 390px; /*200px; */
	height: 390px;
	margin-right: 10px;
	overflow: hidden;
	text-align: center;
}
#artDetails div.image table {
	width: 100%;
	height: 100%;
	border: 0;
}
#artDetails div.image table tr td {
	padding: 0;
	vertical-align: middle;
	text-align: center;
}
#artDetails div.mainInfo {
  	float: left;
	width: 234px; /*250px;*/
}
#artDetails h1 {
  	padding: 3px 0 2px 12px;
	font-size: 11px;
	color: #8ACCC7;
	background: url(/shop/images/shop/bullet_title_blue.gif) 0 6px no-repeat;
}

#artDetails .special {
  	float: right;
	width: 56px;
	height: 56px;
	margin: 8px 0 4px 4px;
}
#artDetails .info, #artDetails .desc {
	margin: 8px 0 4px 0;
}
#artDetails .packSize {
	margin-bottom: 4px;
	font-style: italic;
}
#artDetails .price {
	margin: 6px 0 10px 0;
	font-weight: bold;
}
#artDetails .price b {
	color: #8ACCC6; /*#EA3313;*/
}
#artDetails .variantSelect {
  	padding: 4px 0;
  	margin-bottom: 8px;
}
#artDetails .variantSelect select {
  	font-size: 11px;
}
#artDetails .quantity {
  	float: left;
	width: 66px;
	margin-right: 8px;
}
#artDetails .basketButton {
  	float: left;
}
#artDetails .basketButton input.langES, #artDetails .basketButton input.langEN {
  	width: 114px;
	height: 18px;
	border: 0;
	padding: 0;
	background-repeat: no-repeat;
	cursor: pointer;
}   
#artDetails .basketButton input.langES {
	background-image: url(/shop/images/shop/es/but_addToBasket.gif);
}   
#artDetails .basketButton input.langEN {
	background-image: url(/shop/images/shop/en/but_addToBasket.gif);
}   


/*  ********************************************************************** 
 *   BRAND DETAILS  
 *  ********************************************************************** */
#brandDetails {
	background: #ffffff url(/shop/images/layout/brandDetails_bg.gif);
	border-bottom: 1px solid #858383;
} 
#brandDetails .wrapper {
	width: 732px;
	margin: 0 auto;
	padding-bottom: 20px;
	background: #ffffff;
} 
#brandDetails .detailsLeft {
	float: left;
	padding-top: 35px;
	width: 360px;
	margin: 0 32px 0 20px;
} 
#brandDetails .detailsRight {
	float: left;  
	margin: 20px 20px 0 0;
	width: 300px;
}
#brandDetails .detailsRight .picWrap {
	height: 300px;
	width: 300px;
	overflow: hidden;
}



/*  ********************************************************************** 
 *  BASKET AND CHECKOUT 
 *  ********************************************************************** */
#basketContents {
	border-top: 1px solid #858383;
	border-right: 1px solid #858383;
	border-bottom: 1px solid #858383;
	margin: 15px 0;
	padding: 10px 10px 10px 0;
}
#basketContents table.intro {
  width: 100%;
	border: 0;
}
#basketContents table.intro tr td {
  padding: 4px 0;
	color: #EA3313;
}
#basketContents .message {
  border: 0;
	padding-left: 0;
	background: #EEEEEE;
	color: #EA3313;
}
#basketContents h1 {
	padding: 18px 0 8px 18px;
	background: url(/shop/images/layout/bullet_h1.gif) 0 26px no-repeat;
	color: #EA3313;
	font-size: 14px;
}

table#basketTable {
  width: 100%;
}
table#basketTable thead tr {
  height: 22px;
}
table#basketTable thead tr th {
  background: #6E6E6E;
  border-bottom: 1px solid #666;
	vertical-align: middle;
	padding: 4px 0 4px 4px;
	color: #ffffff;
}
table#basketTable tr td {
  border-bottom: 1px dotted #858383;
	padding: 4px 0 4px 4px;
}
table#basketTable tfoot tr.grey {
	background: #EEEEEE;
}
table#basketTable tfoot tr td {
	font-weight: bold;
}

table#basketTable tr td .quantity {
	width: 66px;
}
/*table#basketTable tr td .quantity input {
  vertical-align: top;
	height: 16px;
	width: 30px;
	border: 1px solid #858383;
	padding: 1px;
  font-size: 11px;
	text-align: right;
	overflow: hidden;
	voice-family: "\"}\""; 
	voice-family: inherit;
	height: 12px;
	width: 26px;
}
html>body table#basketTable tr td .quantity input {
	height: 12px;
	width: 26px;
}
table#basketTable tr td .quantity img {
  border-top: 1px solid #858383;
	border-right: 1px solid #858383;
	border-bottom: 1px solid #858383;
	vertical-align: baseline;
}*/
table#basketTable tr td div.variant, table#listTableSmall tr td div.variant {
  padding: 2px 0 2px 0;
	font-size: 11px;
}
table#basketTable tr td.price {
	color: #EA3313;
	font-weight: bold;
}


/*  ********************************************************************** 
 *  BASKET & CHECKOUT 
 *  ********************************************************************** */

div.buttons {
  	margin: 5px 0;
	text-align: right;
}
div.buttons .floatLeft {
  	float: left;
	margin-right: 40px;
}
div.butSmall input, div.butMid input, div.butBig input {
  	border: 0;
	padding: 0;
	cursor: pointer;
}
div.butSmall input {
	width: 64px;
	height: 18px;
}
div.butMid input {
	width: 74px;
	height: 18px;
}
div.butBig input {
	width: 84px;
	height: 18px;
}


table#shipSelectList {
  	width: 100%;
	border: 0;
}
table#shipSelectList td {
  	width: 42%;
}
table#shipSelectList td.spacer {
  	width: 6%;
}
table#shipSelectList td.checkbox {
  	width: 5%;
}

div.payButton {
  	text-align: center;
}
div.payButton .inner {
	text-align: center;
	width: 240px;
	padding: 4px;
	background: #FF6600;
}



/*  ********************************************************************** 
 *  CHECKOUT PROGRESS BAR  
 *  ********************************************************************** */
#progressBar {
  	padding: 1px 0;
	border-top: 1px dotted #858383;
	border-bottom: 1px dotted #858383;
  	margin: 0 0 20px 0;
	height: 27px;
	font-size: 10px;
	voice-family: "\"}\""; 
	voice-family: inherit;
	height: 23px;
}
html>body #progressBar {
	height: 23px;
}
#progressBar div {
  	float: left;
	overflow: hidden;
	background: #F0F1F2;
}
#progressBar div.start, #progressBar div.startAct, #progressBar div.startDone {
  	width: 10px;
	height: 23px;
}
#progressBar div.start { background: url(/shop/images/progressbar/start_inact.gif) no-repeat; }
#progressBar div.startAct {	background: url(/shop/images/progressbar/start_act.gif) no-repeat; }
#progressBar div.startDone {	background: url(/shop/images/progressbar/start_done.gif) no-repeat; }
#progressBar div.item, #progressBar div.itemAct, #progressBar div.itemDone {
  	width: 172px; /*123px; */
	padding: 2px 0 0 0;
	height: 23px;
	text-align: center;
	border: 0;
	voice-family: "\"}\""; 
	voice-family: inherit;
	height: 21px;
}
html>body #progressBar div.item, html>body #progressBar div.itemAct, html>body #progressBar div.itemDone {
	height: 21px;
}
#progressBar div.item { /*border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC;*/ }
#progressBar div.itemAct {	background: #EA3313; color: #FFFFFF; /*border-top: 1px solid #FF6600; border-bottom: 1px solid #FF6600;*/ }
#progressBar div.itemDone {	background: #666666; color: #FFFFFF; /*border-top: 1px solid #66CC33; border-bottom: 1px solid #66CC33;*/ }
#progressBar div.connect, #progressBar div.connectAct, #progressBar div.connectDoneAct, #progressBar div.connectDone {
  	width: 13px;
	height: 23px;
}
#progressBar div.connect { background: url(/shop/images/progressbar/connect_inact_inact.gif) no-repeat; }
#progressBar div.connectAct {	background: url(/shop/images/progressbar/connect_act_inact.gif) no-repeat; }
#progressBar div.connectDoneAct {	background: url(/shop/images/progressbar/connect_done_act.gif) no-repeat; }
#progressBar div.connectDone {	background: url(/shop/images/progressbar/connect_done_done.gif) no-repeat; }

#progressBar div.end, #progressBar div.endAct, #progressBar div.endDone {
  	width: 10px;
	height: 23px;
}
#progressBar div.end { background: url(/shop/images/progressbar/end_inact.gif) no-repeat; }
#progressBar div.endAct {	background: url(/shop/images/progressbar/end_act.gif) no-repeat; }
#progressBar div.endDone {	background: url(/shop/images/progressbar/end_done.gif) no-repeat; }
#progressBar div a, #progressBar div a:visited, #progressBar div a:hover {
  	color: #ffffff;
	text-decoration: underline;
}