﻿/* --------------------------- COMMONS START ------------------------------- */
.ShopContent {
	clear: both;
}

#Basket {
	width: 960px;
}

#Basket #Message {
	display: none;
}

.ShopDetails #Basket #Message {
	display: block;
	clear: both;
	color: #ffffff;
	padding: 0 0 0 5px;
}

.CheckBox input {
	border: 0;
}

.ShopCatalog #Content .Box, body.ShopItem #Content .Box, .Search #Content .Box, .basketItems .CountControlButton {
	display: none;
}

.ShopCatalog #Content #ShopInfoContent .Box, body.ShopItem #Content #ShopInfoContent .Box {
	display: block;
}

/* hide center box on item details */
body.ShopItem #Content #ShopInfoContent .first .Box {
	display: none;
}

#ItemList .Item, #RelatedItems .relatedItem, #CatalogCategory .CategoryBox, #CatalogCategory .CategoryBoxTitle, #ItemDetails .Detail h2, #SearchItemList {
	cursor: pointer;	
}

#ItemList.FavouriteItemList li {
	cursor: default;	
}

#CatalogCategory li h2, #ItemList li h2, #ItemList li .ItemInfo, #RelatedItems li h3, #RelatedItems li .ItemInfo, #CatalogCategory li .CategoryBoxRichText, #ItemMain #ItemLabel {
	margin: 0;
	padding: 5px;
}

#ItemList li .ItemInfo, #RelatedItems li .ItemInfo {
	/*margin-top: 146px;*/
}

#CatalogCategory li h2, #ItemList li h2, #RelatedItems li h3, #ItemDetails .Detail h2 {
	text-transform: uppercase;
}

#ItemDetails .Detail h2 
{
	font-size: 11px;
}

.ToBasket {
	float: right;
}

/* LABEL COLORS */

#ItemList li .Price.Offer, #ItemMain #ItemLabel, #RelatedItems li .Price.Offer {
	background: #ffea25 url(/frontend/graphics/backgrounds/smallyellow_label.gif) no-repeat top left;
}



/* COUNT INPUTFIELD */

.CountControl input {
	vertical-align: middle;
}

.CountControlInput 
{
    background:url("/Tradelink/graphics/checkout/inputGradient.gif") repeat-x scroll 0 0 transparent;
	margin-right: 5px;
	padding: 7px 2px;
	text-align: center;
	width: 38px;
}

#Item input.CountControl {
    background:url("/Tradelink/graphics/checkout/inputGradient.gif") repeat-x scroll 0 0 transparent;
}

/* ---------------------------- COMMONS END -------------------------------- */


/* --------------------------- CATALOG START ------------------------------- */

/*.wagnerShopCatalog #Content, .toejekspertenShopCatalog #Content {
	width: 560px;
}*/

#CatalogCategory .CategoryBoxTopLink {
	text-decoration: none;
}

/* ---------------------------- CATALOG END -------------------------------- */

/* --------------------------- ITEMLIST START ------------------------------ */

/* Header */

.wagnerShopCatalog .Shoptitle, .toejekspertenShopCatalog .Shoptitle  {
	position: relative;
	float: left;
	clear: both;
	width: 100%;
	margin-bottom: 20px;
}


/* SHOP INFO CONTENT */
.wagnerShopCatalog #ShopInfoContent, .toejekspertenShopCatalog #ShopInfoContent {
	height: 65px;
	clear: both;
}

#ShopInfoContent .first .Box {
	width: 549px;
	height: 44px;
	background: #000 url("/Frontend/Graphics/Backgrounds/menuheader_bg.png") repeat-x center top;
}

#ShopInfoContent .first .Box .BoxContentWrapper {
	/* to overrule general Box styling min-heigh */
	min-height: 39px;
	height: 38px;
	margin: 3px 5px;
}

#ShopInfoContent .first .Box .BoxContentWrapper h3 {
	display: none;
}

#ShopInfoContent .first .Box .BoxContentWrapper img {
	display: inline;
}


.wagnerShopCatalog .Shoptitle #ShoptitleInner, .toejekspertenShopCatalog .Shoptitle #ShoptitleInner {
	height: 100px;
	padding-left: 15px;
	float: left;
	width:725px;
}

.wagnerShopCatalog .Shoptitle .CategoryDescription, .toejekspertenShopCatalog .Shoptitle .CategoryDescription {
	float: left;
	width: 545px;
}

.wagnerShopCatalog .Shoptitle h1, .toejekspertenShopCatalog .Shoptitle h1 {
	clear: both;
	float: left;
	font-size: 30px;
	font-weight: bold;
	width: 530px;
	margin-bottom:0;
}

.wagnerShopCatalog .Shoptitle h1 {
	color: #000;
}


.wagnerShopCatalog .Shoptitle .CategoryDescription .Teaser, .toejekspertenShopCatalog .Shoptitle .CategoryDescription .Teaser {
	width: 530px;
	padding: 0;
	font-size: 11px;
	font-weight: normal;
	clear: both;
}

.wagnerShopCatalog .Shoptitle .CategoryDescription .Teaser {
	color: #666;
}

.wagnerShopCatalog .Shoptitle .IntroText, .toejekspertenShopCatalog .Shoptitle .IntroText {
	float:right;
	width:170px;
	overflow: hidden;
}


/* COMMON ITEMLIST & RELATEDITEMS */

#ItemList, #RelatedItems {
	clear: both;
	margin: 0;
}

#ItemList .Item, #CatalogCategory .CategoryBox, #RelatedItems .relatedItem, #SearchItemList .Item {
	background: #ffffff;
	border: 1px solid #ffffff;
	display: inline-block;
	float: left;
	margin: 0 17px 20px 0;
	width: 170px;
	overflow: hidden;
	position: relative;
}

#ItemList .Item, #CatalogCategory .CategoryBox, #SearchItemList .Item {
	min-height: 257px;
	*height: auto!important; /*IE7*/
	*height: 257px; /*IE6*/
}

#ItemList li .ItemDescription, #RelatedItems li .ItemDescription {
	line-height: normal;
	overflow: hidden;
}

#ItemList .Item .ItemImage {
	height: 224px;
}

#ItemList .Item .ItemDetails {
	text-align: center;
	padding: 5px 0;
}

#ItemList .Item .ItemDetails a {
	text-decoration: none;
	text-transform: uppercase;
	font-size: 14px;
	background: url("/Tradelink/graphics/imagebuttons/right_arrow-white_medium.png") no-repeat right 50%;
	padding-right: 14px;
}

#ItemList .Item .ItemDetails a:hover 
{
	text-decoration: underline;
}

.FavouriteSendList {
	clear: both;
	color: #fff;
}

.FavouriteSendList .TextInput {
	padding: 3px;
}

#ItemList.FavouriteItemList .ItemAction span.Remove {
	line-height: 275%;
	padding: 5px;	
}

/* COMMON */



#ItemList .Item.Col4Mod3 {
	margin-right: 0;
}


#ItemList li.Sep, #CatalogCategory .li.Sep {
	display: none;
}

#ItemList li h2 a, #CatalogCategory li h2, #ItemList .ItemAction, #ItemList li .ItemDescription {
	display: block;
	height: 30px;
	text-decoration: none;
}

#RelatedItems li .ItemDescription, #RelatedItems li h3 a, #RelatedItems .ItemAction {
	text-decoration: none;
	font-size: 11px;
}

/* GENERAL */

#ItemList .ItemAction, #RelatedItems .ItemAction {
	padding: 0;
	overflow: hidden; /* fix box bug */
}

#ItemList li .beforeContainer, #RelatedItems li .beforeContainer {
	float: left;
	padding: 0 5px 0;
}

#ItemList li .beforePriceText, #RelatedItems li .beforePriceText {
	line-height: normal;
}

#ItemList li .beforePrice, #RelatedItems li .beforePrice {
	margin: -17px 0 0 -15px;
	position: absolute;
}

#ItemList li .Price, #RelatedItems li .Price {
	float: right;
	font-size: 160%;
	margin: 0;
	padding: 5px;
}

#RelatedItems li .Price {
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 0;
}





/* DISCOUNT LABELS */

.zoneDiscount {
	display: block;
	width: 84px;
	height: 76px;
	padding: 12px 2px 0;
	position: absolute;
	top: 130px;
	right: 10px;
	background: url("/Frontend/Graphics/Backgrounds/personalezonen-discount.png") no-repeat center top;
	text-align: center;
	color: #fff;	
	line-height: 12px;
}

#ItemMain .zoneDiscount {
	top: 150px;
}

.zoneDiscount .line1 { font-size: 14px; font-weight: bold; }
.zoneDiscount .line2 { font-size: 10px; font-weight: bold; }
.zoneDiscount .line3 { font-size: 14px; font-weight: bold; }

.zoneDiscount .price {
	display:block;
	font-size: 14px;
	line-height: 14px;
	padding: 2px 0;
	font-weight:bold
}




.bundleDiscount {
	display: block;
	width: 160px;
	height: 33px;
	padding: 10px 0 0 10px;
	position: absolute;
	top: 190px;
	left: 0px;
	background: url("/Frontend/Graphics/Backgrounds/bundlediscount-band.png") no-repeat right top;
	text-align: left;
	color: black;
	font-size: 16px;
	line-height: normal;
	font-weight: bold;
}

#ItemMain .bundleDiscount {
	left:-13px;
	width:290px;
	height: 45px;
	font-size: 29px;
	top: auto;
	bottom: 10px;
}

/*
.bundleDiscount span {
	display: block;
	height: 29px;
	max-height: 29px;
	padding: 7px 2px 4px 12px;
	background: url("/Frontend/Graphics/Backgrounds/bundlediscount-left_toejeksperten.png") no-repeat left top;
}

.wagner .bundleDiscount {
	background-image: url("/Frontend/Graphics/Backgrounds/bundlediscount-right_wagner.png");
}

.wagner .bundleDiscount span {
	background-image: url("/Frontend/Graphics/Backgrounds/bundlediscount-left_wagner.png");
}*/



/* ---------------------------- ITEMLIST END ------------------------------- */

/* ------------------------- ITEMDETAILS START ----------------------------- */


/* COMMON */

#Item.ContentFilled {
	width: 550px;
	float: left;
	margin: 0 20px 20px 0;
}

#ItemTransparency, #ItemImageNav ul, #ItemImageNav .MetaInfo  {
	position: absolute;
}


/* GENERAL */

a.BackLink {
	background: url(/frontend/graphics/backgrounds/orange_arrow.png) no-repeat 0 2px;
	padding: 0 0 0 20px;
}

#Item h1 {
	clear: both;
	font-size: 200%;
	margin: 0px 0 20px;
}

#ItemOptions {
	padding: 0;
	margin-bottom: 15px;
	width: 170px;
	margin-right: 40px;
}

#ItemImageContent, .ItemImage img {
	margin: auto;
}

#ItemInformation {
	width: 100%;
	clear: both;
	position:relative;
	text-align: left;
	top: 27px;
	margin-bottom: 35px;
}



/* VARIANT */

#Variants {}

.ColorVariant, .SizeVariant {
	clear: both;
	float: left;
	margin: 5px 0;
	position: relative;
	z-index: 2;
}

.ColorVariant {
	z-index: 15;
	margin-bottom: 20px;
}

.ColorVariant .VariantButton, .SizeVariant .VariantButton {
	background: #9b9b9b url(/frontend/graphics/backgrounds/silverbg.gif) repeat-x top;
	display: block;
	padding: 5px 0 5px 5px;
	width: 165px;
}

.ColorVariant ul, .SizeVariant ul {
	background: #ffffff;
	border: solid 1px #cccccc;
	display: none;
	float: left;
	padding: 10px 0 0 10px;
	position: absolute;
	right: 0;
	top: 8px;
	z-index: 10;
	width: 280px;
}

.ColorVariant ul li, .SizeVariant ul li {
	float: right;
	list-style: none;
	margin: 0 10px 10px 0;
}


.SizeVariant 
{
	margin-bottom: 5px;
}


/* SIZE GUIDE BUTTON */

#SizeGuide 
{
	background:url("/Tradelink/Graphics/ImageButtons/sizeguide.gif") no-repeat scroll left top transparent;
	clear:both;
	float:left;
	height:17px;
	margin-bottom: 20px;
	overflow:hidden;
	padding:6px 5px 5px 33px;
	width:115px;
}


/* DETAILS */

#ItemDetails {
	position: relative;
	top: -28px;
	left: -1px;
	line-height: normal;
}

#ItemDetails li { height: 26px; }

#ItemInformation .ui-tabs-panel {
	position:relative;
	top:-28px;
	margin-bottom: -28px;
}

#ItemInformation .Detail table {
 	margin: 10px 0;
 	width: 500px;
 }

#ItemInformation .Detail table td, #ItemInformation .Detail table th {
	vertical-align: top;
	text-align: left;
	padding: 0 10px 5px 0;
}

#ItemInformation .Detail table th {
	width: 60px;
}

/* ACTIONS */

#ItemOptions .ItemAction {
	margin: 10px 0;
}

#ItemOptions .ItemAction .ToBasket {
	background: url('/frontend/graphics/backgrounds/orange_arrow_right.png') no-repeat right 7px;
	margin: 0 9px 0 0;
	padding: 4px 20px 10px 0;
	display:none; /* will be added by js */
}

#ItemOptions .ItemAction .AddFavouriteItem {
	background: url('/frontend/graphics/backgrounds/orange_arrow_right.png') no-repeat right 8px;
	clear: both;
	display: block;
	float: right;
	margin: 0 9px 0 0;
	padding: 4px 20px 10px 0;
	text-align: right;
	width: 140px;
}

#ItemOptions .ItemAction .AddFavouriteItem.Error, #ItemOptions .ItemAction .AddFavouriteItem.Added {
	background: none;
	color: #00ff00;
	padding: 4px 0 10px 0;	
}

#ItemOptions .ItemAction .AddFavouriteItem.Error {
	color: #ff0000;
}

#ItemOptions .ItemAction .ToBasket span, #ItemOptions .ItemAction .AddFavouriteItem span {
	display: block;
	padding: 1px 0 0;
}

#ItemMain {
	float: left;
	position: relative;
}

#ItemMain #ItemLabel {
	background: #fff20e url(/Frontend/Graphics/Backgrounds/ItemPriceLabelBg.gif) no-repeat top left;
	padding: 10px 5px 5px;
	width: 175px;
	height: 90px;
	position: absolute;
	bottom: 75px;
	right: 5px;
	text-align: left;
}

#ItemMain #ItemLabelName {
	font-size: 145%;
	font-weight: bold;
	text-transform: uppercase;
}

#ItemMain #ItemLabelPrice {
	bottom: 5px;
	font-size: 85%;
	font-weight: bold;
	margin: 0;
	position: absolute;
	right: 5px;
}

#ItemMain #ItemLabelRebate {
	display: none;
}

#ItemMain #ItemLabelPrice span.text {
	font-size: 11px;
	font-family: Arial,Verdana,Tahoma;
	line-height: normal;
}

#ItemMain #ItemLabelPrice span {
	font-size: 400%;
	font-family: Impact;
	line-height: 100%;
}


#ItemMain #ItemImage {
	position: relative;
	height: 470px;
}

#ItemMain #ImageZoomContainer {
	position: relative;
}

#ItemMain #ItemImageWrapper {
	background: #ffffff;
	margin: 0 0 15px 0;
	position: relative;
	width: 300px;
}

#ItemMain #ItemImageWrapper a#ItemImageLink {
	display: block;
	margin:0 auto;
	text-align: center;
	position: relative;
	width: 275px; /* necessary for placing price label within image zoom link */
}

#ItemMain #ItemTransparency {
	background: #000000;
	bottom: 0;
	filter:alpha(opacity=80); /* IE */
	height: 106px;
	left: 0;
	opacity: 0.8;
	width: 300px;
}

#ItemMain #ItemImageNav ul, #ItemMain #ItemImageNav .MetaInfo {
	bottom: 13px;
	list-style-type: none;
	margin: 0;
}

#ItemMain #ItemImageNav ul {
	left: 13px;
}

#ItemMain #ItemImageNav .MetaInfo {
	height: 45px;
 	right: 13px;
 }

#ItemMain #ItemImageNav ul li {
	float: left;
	padding: 0 14px 0 0;
}

#Item .ItemAction .CountControlWrapper {
	clear: both;	
	padding: 5px 0 0;
}

 /* Item colors */
 
#Item .ItemCustomDropdown {
	background: url('/Frontend/Graphics/Backgrounds/ItemColorTriggerBg.gif') no-repeat;
	color: #323232;
	height: 20px;
	position: relative;
	width: 155px;
	z-index: 0;
}

#Item .ItemCustomDropdown span {
	cursor: pointer;
	display: block;
	height: 20px;
	padding: 2px 0 0 8px;
	*padding: 1px 0 0 8px; /* IE */
}

#Item .ItemCustomDropdownStepWrapper {
	float: left;
	width: 155px;	
}

#Item .ItemCustomDropdownStepWrapper span {
	float: left;
	display: block;
}

#Item .ItemCustomDropdownStepWrapper span.Number {
	background: url('/Frontend/Graphics/Backgrounds/ItemCustomDropdownNumberBg.gif') no-repeat;
	color: #d4ac14;
	font-size: 125%;
	font-weight: bold;
	height: 19px;
	text-align: center;
	width: 20px;
}

#Item .ItemCustomDropdownStepWrapper span.Label, a#SizeGuide {
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
}

#Item .ItemCustomDropdownStepWrapper span.Label {
	margin: 0 0 0 5px;
}


#Item .ItemAction input.CountControl, .AddSubButtonBgWrapper {
	float: left;
	margin: 0 0 15px;
}

#Item .ItemAction .ItemsAvailable {
	float: right;
	margin: 0 5px;
}

#Item .ItemAction input.CountControl {
	border: 1px solid #c0c1c3;
	clear: both;
	margin: 0 10px 0 0;
	padding: 1px;
	text-align: center;
	width: 30px;
}

.AddSubButtonBgWrapper .SubButton, .AddSubButtonBgWrapper .AddButton {
	cursor: pointer;
	float: left;
	display: block;
	height: 17px;
	margin: 0 0 0 1px;
	width: 22px;	
}

.AddSubButtonBgWrapper div span.ButtonLabel {
	display: none;
}

.AddSubButtonBgWrapper .SubButton {
	background: url('/Frontend/Graphics/Backgrounds/AddSubButtonBg.gif') no-repeat left center;
}

.AddSubButtonBgWrapper .AddButton {
	background: url('/Frontend/Graphics/Backgrounds/AddSubButtonBg.gif') no-repeat right center;
}

#Item .Price {
	clear: both;
	margin: 0 0 15px;
	text-align: right;
	position: relative;
}

#Item .Price div {
	color: #c4c2c2;
	float: left;
	font-size: 85%;
	margin: 5px 0 0;
	text-align: left;
}

#Item .ItemAction .Price .zoneDiscount {
	background: url('/Frontend/Graphics/Backgrounds/personalezonen-discount-oval.png') no-repeat left top;
	height:42px;
	padding-top:18px;
	right:0;
	top:-9px;
}

#Item .ItemAction .Price .zoneDiscount .price {
	font-size: 150%;
}

#Item .Price .DisplayPrice span {
	font-size: 200%;
	margin: 0 0 0 5px;
}

/* -------------------------- ITEMDETAILS END ------------------------------ */

/* ------------------------- SMALLBASKET START ----------------------------- */

/* COMMON */

.SmallBasket .ToBasket, .SmallBasket .EditBasket {
	padding: 0 0 0 2px;
	width: 85px;
}

.SmallBasket table td, .SmallBasket table th {
	line-height: normal;
	padding: 0 0 5px;
	vertical-align: top;
}

.SmallBasket #SmallBasketHeadingLink, .SmallBasket #SmallBasketHeadingEmpty {
	float: right;
}

.SmallBasket #SmallBasketHeadingLink, .SmallBasket .Info {
	padding: 3px 0 0;
}

/* GENERAL */
.SmallBasket {
	width: 170px;
}

.SmallBasket a.ButtonLink {
	text-align:center;
	width:100%;
	cursor: pointer;
}

.SmallBasket .BoxContentWrapper {
	background: #838182 url(/frontend/graphics/backgrounds/smallbasket_bg.gif) repeat-x;
	min-height: 30px;
	*height: auto!important; /*IE7*/
	*height: 30px; /*IE6*/
	padding: 0 10px 10px;
}

/* SmallBasket on shop front */
.ShopCategory .SmallBasket .BoxContentWrapper {
	margin-bottom: 0;
}

/* SmallBasket on category view page */
.ShopCatalog .SmallBasket .BoxContentWrapper {
	margin-right: 0;
}

.SmallBasket .EditBasket {
	float: left;
}


.messageInformation {
	background: #F5C408 url(/frontend/graphics/backgrounds/yellowbg.gif) repeat-x center top;
	min-height: 21px;
	height: auto !important;
	height: 21px;
	line-height: normal;
	text-align: center;
	padding: 5px;
}

.CountControlWrapper .messageInformation {
	margin-top: 5px;
	min-height: 30px;
	height: auto !important;
	height: 30px;
	background-color: #f5c408;
}



.SmallBasket .Container {
	display:none;
	clear: both;
	position: relative;
	min-width: 0;
	*width: auto!important;
	*width: 100%; /*IE6*/
}

.ShopItem .SmallBasket .Container {
	display: block;
}

.SmallBasket .Container ul {
	position: relative;
}

.SmallBasket table {
	padding: 20px 0 8px;
	width: 100%;
}

.SmallBasket table img {
	padding: 0 5px 0 0;
}

.SmallBasket #SmallBasketHeadingLink {
	width: 50px; /* for IE */
}

.SmallBasket #SmallBasketHeadingEmpty {
	width: 68px; /* for IE */
}

/*.
.SmallBasket .Content {
	width: 180px;
}*/

.SmallBasket .Top {
	background: url(/frontend/graphics/backgrounds/wagner_cart.png) no-repeat 0 11px;
	height: 28px;
	padding: 6px 0 0 30px;
}

.SmallBasket .Info {
	float: left;
	line-height: 11px;
}

.SmallBasket li.TotalPrice {
	display: none;
}

/* -------------------------- SMALLBASKET END ------------------------------ */

/* --------------------------- INVOICE START ------------------------------- */

#InvoiceHistory, #InvoiceDetails  {
	width: 100%;
}

#InvoiceHistory th, #InvoiceDetails th {
	text-align: left;
}

#InvoiceHistory .AlternateRow td {
	background: #DFDFDF;
}

.Invoice .payment {
	float: left;
	min-width: 150px;
	*width: auto!important; /* IE7 */
	*width: 150px; /* IE6 */
	margin: 0 0 10px;
}

#InvoiceDetails .Underlined th {
	border-bottom: solid 1px #EBEBEB;
}

#InvoiceDetails .RightAlign {
	text-align: right;
}

/* ---------------------------- INVOICE END ------------------------------- */

/* --------------------------- BASKET START ------------------------------- */

/* COMMON */

table.Header {
	clear: both;
	margin-bottom: 15px;
}

table.Header td.ShopDescription, table.header td.ShopDescription {
	padding: 0 5px;
	vertical-align: top;
	width: 65%;
}

/* Basket */

#VoucherContainer {
	padding: 20px;
	overflow: hidden;
}

#VoucherContainer .messageInformation {
	margin-bottom: 10px;
}

#VoucherInfo {
	float: left; /* necessary for IE to align */
}

#VoucherInputs {
	float: right;
	*width: 280px;
}

#VoucherInputs input {
    float: left;
}

#VoucherContainer.disabled #VoucherInputs,
#VoucherContainer.disabled #VoucherInfo
{
    display: none;
}

#VoucherInputs table {
    width: auto;
    display: inline;
    float: left;
}

#VoucherInputs .ButtonLink {
    margin-left: 5px;
}

/* Orderinformation */
.orderInformation table.Header td.ShopDescription {
	width: 53%;	
}

/* Shipping */
.shipping table.Header td.ShopDescription {
	width: 75%;	
}

/* Payment */
table.header td.ShopDescription {
	width: 50%;	
}

.VAT, #deliveryInformation, #allparcelshops, #tollpost {
	display:none;
}

.ShopBasket #ContentWrapper, .ShopDetails #ContentWrapper , .Checkout {
	width: 960px;
}

.Checkout table, .shipping table, #PaymentContent table, #OrderCompletedContent table {
	clear: both;
	width: 100%;
}


#confirmationregret 
{
	color: white;
}


.ShopBasket .Shoptitle h1, .ShopDetails .Shoptitle h1 {
	float: left;
	margin-right: 10px;
}

.BasketContainer, .basketItems td, .ShopBasket .TotalPrice, .ShopDetails .TotalPrice , #order, #AcceptTerms, #selectionWrapper, #OrderDetails .Content {
	background: #ffffff;
}

.BasketContainer {
    margin-bottom: 18px;
}

#order, #AcceptTerms, #selectionWrapper {
	padding: 5px 10px;
}

.ShopBasket .TotalPrice, .ShopDetails .TotalPrice ,#order, #ShippingContent {
	margin: 0 0 18px 0;
}

.basketItems td, .VAT {
	border-bottom: solid 1px #ebebeb;
}

.ShopBasket .ShopTeaser, .ShopDetails .ShopTeaser {
	float: left;
	padding-top: 21px;
}


.ShopBasket .Header .BasketText
{
    color: #FFFFFF;
    text-align:right;
}


/* ORDERPROGRESS */

#OrderProgress {
	float: left;
	margin: 0 0 15px;
}

#OrderProgress li {
	display: inline;
	float: left;
	padding: 20px 3px 0;
}

#OrderProgress li.inactive a {
	cursor: default;
}

#OrderProgress li a.OrderProgressLabel, #OrderProgress li.active a.OrderProgressLabel {
	background: url(/tradelink/graphics/checkout/progressright_inactive.png) no-repeat right;
	height: 47px;
	float: left;
	padding: 0 25px 0 0;
	text-decoration: none;
}

#OrderProgress li a.OrderProgressLabel span, #OrderProgress li.active a.OrderProgressLabel span {
	background: url(/tradelink/graphics/checkout/progress_inactive.png) repeat-x;
	display: block;
	float: left;
	padding: 12px;
}

#OrderProgress li.active a.OrderProgressLabel {
	background: url(/tradelink/graphics/checkout/progressright_active.png) no-repeat right;
}

#OrderProgress li.active a.OrderProgressLabel span {
	background: url(/tradelink/graphics/checkout/progress_active.png) repeat-x;
}

#OrderProgress .OrderProgressNumber {
	float: left;
	font-size: 30px;
	line-height: 24px;
	padding: 0 5px 0 0;
}

#OrderProgress .OrderProgressText {
	float: left;
	line-height: normal;
}

#OrderProgress .OrderProgressText b {
	text-transform: uppercase;
}

.OrderTotal {
	margin: 10px 50px;
	width: 90%!important;
}



.OrderTotal .TotalAmount, .OrderTotal th {
	font-size: 18px;
}

.OrderTotal th {
	text-align: left;
}

.OrderTotal .TotalAmount {
	text-align: right;
}


.basketItems .HelpLink, .checkoutHeadlineWrapper .HelpLink
{
    display: block;
    background: url(/Tradelink/graphics/checkout/questionMark.png) no-repeat 0 0;
    width: 21px;
    height: 21px;
    text-indent: -9999px;
    position: absolute;
    top: -10px;
    *top: 3px;
    right: 10px;
    cursor: pointer;
}

.checkoutHeadlineWrapper .HelpContainer
{
    position: absolute;
    right: 0px;
}

.checkoutHeadlineWrapper .HelpLink 
{
    top: 3px;
}

.checkoutHeadlineWrapper .HelpText 
{
    top: 28px;
    left: -223px;
    z-index: 10;
}



/* STEP 1 */

#BasketItemsTable th {
	height: 27px;
	vertical-align: middle;
	background: url(/Tradelink/graphics/checkout/headerGradient.gif) repeat-x 0 0;
	font-weight: bold;
}

#BasketItemsTable .itemFunctions input {
	margin: 0 20px 0 0;
}

#BasketItemsTable .CountControlInput {
	padding: 1px;
	width: 28px;
}

/* STEP 2*/

#order {
    padding: 20px;
}

div.customerInformation, div.deliveryInformation, div.gls {
	float: left;
	width: 424px;
}

div.customerInformation {
	/*margin: 30px 40px 0 0;*/
	/**margin-top: 10px;*/ /* IE 7*/
}

div.customerInformation input, div.customerInformation select {
	/*margin: 0 0 15px 5px;*/
}

div.customerInformation {
	position: relative;
}




.checkoutHeadlineWrapper 
{
    width: 100%;
    background: url("/Tradelink/graphics/checkout/headerGradient.gif") repeat-x 0 0;
    clear:both;
    height: 27px;
    position: relative;
}

.checkoutHeadlineWrapper h3, .checkoutHeadlineWrapper h4 {
	/*
    position: absolute;
	left: -7px;
	top: -45px;
    */
    display: block;
    position: absolute;
    left: 10px;
    top: 3px;
}

.customerInformation tbody input, .deliveryInformation tbody input {
	width: 300px;
	background: url(/Tradelink/graphics/checkout/inputGradient.gif) repeat-x 0 0;
}

.customerInformation tbody textarea, .deliveryInformation tbody textarea
{
	width: 340px; /* MOZ */
	*width: 340px!important; /* IE7 */
	*width: 340px; /* IE6 */
	margin: 0 0 0 5px;
}

/* CHROME & SAFARI HACK */
body:nth-of-type(1) .customerInformation tbody textarea {
	margin: 0 0 0 5px;
	width: 340px;
}

tbody input.inputPostalCode {
	/*margin: 0 0 0 5px;*/
	width: 90px;
}

tbody input.inputCity {
	width: 210px;
	margin: 0;
}

td.inputCity {
	/*text-align:right;*/
}

.customerInformation tbody select, .deliveryInformation tbody select
{
	width: 306px;
	color: #666666;
	background: url(/Tradelink/graphics/checkout/selectBackground.gif) repeat-x 0 0;
	scrollbar-arrow-color: #12406F;
}

#MemberInformation {
	float: right;
	width: 460px;
	padding: 0px 10px;
}

#MemberInformation .WDKStdLoginCheckbox input {
	border: 0;
}

#MemberInformation input.cw {
	border: 0;
	float: left;
	margin: 0 10px 0 0;
}

#MemberInformation label.cw {
	display: block;
	padding: 0 0 25px 0;
}

#AcceptTerms {
	float: right;
	width: 460px;
	/*bottom: 0;
	position: absolute;
	right: 0;
	width: 472px;*/
}

.CheckBox input {
	margin-right: 10px;
}

#order .inputStreetName input {
	*margin-bottom: 8px; /* IE7 */
}

#order .inputPhone input {
	*margin-bottom: 0px; /* IE7 */
}

.customerInformation input.inputCity {
	width: 150px;
	*width: 123px; /* IE7 */
}

.customerInformation td.inputZipcode 
{
    width: 125px;
}


/* JLM 15032010 - Død over tables!*/

.inputLine 
{
    position: relative;
    width: 407px;
    margin-bottom: 10px;
 
}

.inputLine label 
{
    display: block;
    width: 80px;
    float: left;
}

.inputLine input, .inputLine .countryDropDown, .inputLine .txtComments
{
    width: 300px;
    background: url(/Tradelink/graphics/checkout/inputGradient.gif) repeat-x 0 0;

}

.inputLine .countryDropDown 
{
    width: 306px;
}

.inputLine span
{
    width: 15px;
    *position: absolute;
}

.inputLine span img
{
    float: right;
}

.inputLine.zipcity 
{
	position: relative;
	clear: both;
	height: 20px;
}


.inputLine.zipcity .zip, .inputLine.zipcity .city
{
	position: absolute;
	top: 0px;
}

.inputLine.zipcity .zip 
{
	left: 0px;
}

.inputLine.zipcity .city 
{
	left: 255px;
}

.inputLine.zipcity .city label
{
	width: 25px;
}


input.txtZipCode 
{
    width: 140px;
} 

input.txtCity
{
    width: 100px;
}


/* Delivery Address: */
#deliveryInformation .inputLine 
{
    width: 330px;
    margin-bottom: 10px;
}

#deliveryInformation .inputLine label 
{
    display: block;
    width: 50px;
    float: left;
}

#deliveryInformation .inputLine input, #deliveryInformation .inputLine .countryDropDown, #deliveryInformation .inputLine .txtComments
{
    width: 240px;
    background: url(/Tradelink/graphics/checkout/inputGradient.gif) repeat-x 0 0;
}

#deliveryInformation .inputLine .countryDropDown 
{
    width: 246px;
}

#deliveryInformation .inputLine span
{

    float: right;
}

#deliveryInformation .inputLine span img
{
    float: right;
}

#deliveryInformation .inputLine.zip 
{
    width: 140px;
    float: left;
}

#deliveryInformation .inputLine.zip input
{
    width: 50px;
}

#deliveryInformation .inputLine.city
{
    width: 190px;
    float: left;
}

#deliveryInformation .inputLine .city label
{
    width: 20px;
}

#deliveryInformation .inputLine .zip input
{
    width: 59px;
}

#deliveryInformation .inputLine .city input
{
    width: 115px;
}


#deliveryInformation .inputLine.zipcity 
{
	position: relative;
	clear: both;
	height: 20px;
}


#deliveryInformation .inputLine.zipcity .zip, .inputLine.zipcity .city
{
	position: absolute;
	top: 0px;
}

#deliveryInformation .inputLine.zipcity .zip 
{
	left: 0px;
	width: 140px;
}

#deliveryInformation .inputLine.zipcity .city 
{
	left: 150px;
}

#deliveryInformation .inputLine.zipcity .city label
{
	width: 25px;
}




/* split test alternative */

.OrderInformationAlt #OrderProgress, .OrderInformationAlt #order {
	margin-bottom: 8px;
}

.OrderInformationAlt #OrderProgress li {
	padding-top: 8px;
}

.OrderInformationAlt #OrderProgress #OrderProgressStep2 a.OrderProgressLabel {
	background:url("/tradelink/graphics/checkout/progressright_activeAlt.png") no-repeat scroll right center transparent;
}

.OrderInformationAlt #OrderProgress #OrderProgressStep2 a.OrderProgressLabel span {
	background:url("/tradelink/graphics/checkout/progress_activeAlt.png") repeat-x scroll 0 0 transparent;
	color: #fff;
}

.OrderInformationAlt #OrderProgress #OrderProgressStep2 .OrderProgressNumber {
	color: #fff;
}

.OrderInformationAlt #order {
	padding-bottom: 0;
}

.OrderInformationAlt table.Header {
	margin-bottom: 0;
}

.OrderInformationAlt div.customerInformation { width: 316px; }

.OrderInformationAlt .inputLine {
	width: 332px;
}

.OrderInformationAlt .customerInformation input, 
.OrderInformationAlt .customerInformation textarea
{
	width: 230px;
}

.OrderInformationAlt .customerInformation select {
	width: 235px;
}

.OrderInformationAlt .customerInformation input.txtZipCode {
	width: 60px;
}

.OrderInformationAlt .customerInformation input.txtCity {
	width: 120px;
}

.OrderInformationAlt .inputLine.zipcity .city {
	left: 165px;
}

.OrderInformationAlt .customerInformation textarea {
	height: 40px;
}

.OrderInformationAlt .CheckBox input {
	width: auto;
}

.OrderInformationAlt #GiftOrder {
	float: left;
	border-top: 1px solid #c8cfd5;
	background: url("/Frontend/Graphics/Backgrounds/giftwrap.png") no-repeat 10px 15px;
	padding: 8px 0 8px 80px;
	width:236px;
}

.OrderInformationAlt #GiftOrder h4 {
	margin: 0 0 10px;
}

.OrderInformationAlt #AcceptTerms {
	float:left;
	width:900px;
	border-top: 1px solid #c8cfd5;
	text-align: right;
	padding-top: 10px;
	padding-bottom: 8px;
	font-size: 13px;
}

.OrderInformationAlt #MemberInformation {
	background: #e0dedf;
	border: apx solid #f2f4f5;
	padding: 15px 20px 20px;
	color: #545454;
}

.OrderInformationAlt #MemberInformation h3 {
	font-size: 16px;
	margin-bottom: 5px;
	color: #545454;
}

.OrderInformationAlt #MemberInformation .cwption {
	padding: 15px 0 0;
}

.OrderInformationAlt #MemberInformation label.cw {
	padding: 0;
}

.OrderInformationAlt #MemberInformation .noClubLogin {
	font-weight: bold;
}

.OrderInformationAlt a.ButtonLink.large {
	background:url("/Tradelink/graphics/imagebuttons/btnyellow_right_42.png") no-repeat scroll right top transparent;
	padding-right: 5px;
}

.OrderInformationAlt a.ButtonLink.large span {
	font-size: 24px !important; /* !important: to overrule toejeksperten */
	line-height: 42px !important; /* !important: to overrule toejeksperten */
	height:42px !important; /* !important: to overrule toejeksperten */
	background:url("/Tradelink/graphics/imagebuttons/btnyellow_left_42.png") no-repeat scroll left center transparent;
	padding: 0 15px 0 20px;
	white-space:nowrap;
}

.OrderInformationAlt a.ButtonLink.large img {
	margin-bottom:0;
}

.OrderInformationAlt a.ButtonLink.small {
	background: url("/Tradelink/graphics/imagebuttons/btngrey_right.png") no-repeat scroll right top transparent !important;
	float: left;  /* !important: to overrule wagner */
}

.OrderInformationAlt a.ButtonLink.small span {
	background: url("/Tradelink/graphics/imagebuttons/btngrey_left.png") no-repeat scroll left center transparent !important;
	padding: 0 10px 0 12px;
	color: #fff;
	height:21px !important; /* !important: to overrule toejeksperten */
	line-height:21px !important; /* !important: to overrule toejeksperten */
}










/* STEP 3 */

#selectionWrapper 
{
    /*
	min-width: 0;
    */
	position: relative;
    
}

#selectionWrapper .Title {
	color: #000000;
	margin: 20px 0;
}

.selectionOption {
	margin: 0 0 37px;
	width: 380px;
}

.selectionOption .Container {
	margin: 25px 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 440px;
}

.selectionOption label {
	display: inline-block;
	width: 180px;
}

.selectionOption input {
	border: 0;
	margin: 0 10px 0 0;
}

.selectionOption .Container input {
	border: solid 1px #939394;
}
	
.selectionOption .Container.bg #deliveryInformation {
	display: block;
}

.selectionOption .DeliveryOptionInfo img {
	display: inline;
	margin: 0 0 0 15px;
	position: absolute;
}



#radioDiv26 #TollPostContainer 
{
    position: relative;
    clear:both;
}


#radioDiv26 #TollPostContainer #TollpostInfoTextButton 
{
    float:left;
    margin-top:10px;
}

#radioDiv26 #TollPostContainer #TollpostInfoTextButton a 
{
    float: left;
}




#deliveryInformation label {
	display: inline;
	width: auto;
}

#deliveryInformation .CheckBox {
	display: none;
}

#deliveryInformation span img.validation_error 
{
    display: inline;
}

.gls select {
	width: 320px;
}

.gls .PakkeShop {
	margin: 10px 0;
}


/*
JLM - Død over Tables

#deliveryInformation table td {
	vertical-align: top;
}

#deliveryInformation input.inputCity {
	margin: 0 27px 0 0;
}

#deliveryInformation input.inputPostalCode {
	margin: 0;
}

*/

.DeliveryOptionInfo, .CVCInfo {
	cursor: auto !important;
	height: 20px;
	margin: -3px 0 0;
	padding: 0 0 0 25px;
	width: 20px;
}

/* STEP 4 */







#OrderDetails {
	position: relative;
}



#PaymentType {
	display: none;
	/*position: absolute;
	right: 278px;
	top: 135px;*/
}

#OrderDetails #CustomerAdress .Content, #OrderDetails #DeliveryAdress .Content {
	min-height: 122px;
	*height: auto!important; /*IE7*/
	*height: 128px; /*IE6*/
	padding: 10px;
}

#OrderDetails #CustomerAdress {
	float: right;
	margin: 0 0 28px 0;
	position: relative;
	width: 600px;
}

#OrderDetails #DeliveryAdress {
	float: left;
	width: 340px;
}



#OrderDetails #DeliveryAdress .Content {
	font-size: 130%;
	font-weight: bold;
	line-height: 130%;
}

#BasketDetails {
	clear: both;
}

.basketItems td {
	padding: 10px 0;
}

.basketItems .itemNumber, .basketItems .itemImage {
	padding-left: 10px;
}

.basketItems .itemTotal {
	padding: 0 5px 0 0;
}

.ShopDetails .VAT td.TotalVat {
	padding: 10px 10px 0;
}

.ShopDetails .VAT td.Shipping 
{
    font-weight: bold;
	padding: 0 10px 10px;
}

.ShopDetails .VAT td {
	padding: 0 10px;
}

#OrderDetails #CustomerAdress .Adress, #OrderDetails #CustomerAdress .RightContainer {
	float: left;
	width: 215px;
}

.ShopDetails .basketItems .itemTotal {
	padding-right: 10px;
}

.ShopDetails .VAT {
	display: table;
	*display: block; /*IE*/
}

.ShopDetails .OrderTotal {
	margin: 10px;
	width: 98%!important;
}

/* QUICKPAY */

#CreditCardInformation {
	background: #ffffff;
	margin: 37px 0 18px;
	padding: 10px;
}

#CreditCardInformation .CreditCard th {
	text-align: left;
	width: 120px;
}

#cvdInput {
	float: left;
}

.CVCInfo {
	display: inline-block;	
	padding: 5px 0 0 10px;
}

/* STEP 5 */

a.printReceipt {
	background: url(/frontend/graphics/icons/printbtn.png) no-repeat 0 0;
	display: block;
	float: right;
	text-transform: uppercase;
}

a.printReceipt span {
	padding: 0 0 0 28px;
}

.header a.printReceipt {
	margin: 7px 0 0;
}

#OrderCompletedContent td.introtext {
	color: #ffffff;
	padding: 0 0 30px;
	width: 562px;
}

#OrderCompletedContent td.deliverytext {
	color: #ffffff;
	padding: 0 0 30px;
	text-align: right;
}

/* ---------------------------- BASKET END -------------------------------- */

/* --------------------------- SEARCH START ------------------------------- */

.SearchInline {
	bottom: 20px;
	position: absolute;
	right: 0;
	/*padding: 10px 0;*/
}

.SearchInline .GlobalSearchInput {
	width: 115px;
}

.SearchInline #TLItemDropdown {
	display: none;
}

.SearchInline a {
	color: #B4BCC2;
	text-decoration: none;
}

.SearchInline a:hover {
	color: #ffffff;
}

/* ---------------------------- SEARCH END -------------------------------- */


#SearchBar, .ItemList .Item {
	width: 508px;
}

.HelpContainer {
	position:relative;
}

.HelpLink {
	position:relative;
	text-decoration:none;
}

.HelpText {
	display:none; /*display none or block to enable toggle*/
	position:absolute;
	left:-121px;
	top: 14px;
	width:200px;
	font-weight:normal;
	font-size:11px;
	line-height:normal;
	text-decoration:none;
	background-color: #ffffff;
	border: 1px solid #333333;
	padding:10px;
}

ul.CategoryList, ul.ItemList, .SmallBasket ul, #CatalogCategory {
	display:inline-block; /* ensures proper rendering of margins on preceding elements - edit carefully */
	list-style-type:none;
	margin:0;
	/*margin: 0 0 20px 0;*/
	position:relative;
	width:100%;
}

ul.CategoryList .CatalogCategoryImgLink, ul.ItemList .ItemImage .CatalogItemLink {
	/*border: solid 1px #666666;*/
	/*float: left;*/
	display: inline-block;
}

.ShopList .Title {
	text-decoration: none;
	font-size: 110%;
	font-weight: bold;
	line-height: normal;
	margin-bottom:5px;
}

.ShopList .Title a
{
	color: #ffffff;
	text-decoration: none;
}



.BeforePrice {
	display: block;
}

.BeforePrice span {
	color: #666;
	background: url("/Tradelink/Graphics/Catalog/strike.png") repeat-x center 50%;
	display: inline !important; /* otherwise overwritten by more specific style in itemlist */
}











/* FRONTPAGE */

.ShopFront .ShopList .Sep, .texman .ShopList .Sep {
	background: url(/frontend/graphics/backgrounds/sep.gif) repeat-x center;
	clear: both;
	height: 30px;	
	width: 510px;
}

/* SIMPLE BASKET */

#SimpleBasket {
	background: url(/frontend/graphics/tradelink/basket/grey_gradient.gif) repeat-x;
	height: 40px;
	width: 200px;
}

#SimpleBasket table {
	width:100%;
}


/* SMALL BASKET */
#SmallBasket {
	position: relative;
}

.ShopCatalog #SmallBasket {
	position: absolute;
	right: 0;
}

#SmallBasket .Content {
	/*display: inline-block;*/
	overflow: hidden;
}





#SmallBasketNoItems {
	font-size: 110%;
	font-weight: bold;
	margin: 20px 0;
}




/* search box */

.SearchBox table {
	width: 100%;
}

.SearchBox input, .SearchBox select {
	width: 165px;
	margin: 3px 0;
}

.SearchBox select {
	width: 169px;
}

/* search page */

#SearchBar {
	/*margin-bottom: 20px;*/
}

#SearchBar #SearchTextBox
{
	float: left;
	padding: 0 5px 0 0;
}

#SearchBar #NewSearch, #SearchBar input, #SearchBar select, #SearchBar .ButtonLink {
	float: none;
	vertical-align:middle;
}

#SearchBar .ButtonLink 
{
	float: left;
	display: inline-block!important;
}

/* CATEGORY LIST */

div.CategoryDescription {
	float: left;
	margin: 0 0 20px 0;
}

div.CategoryDescription .Teaser {
	float: left;
	padding: 0 20px 0 0;
	width: 170px;
	*width: 360px!important; /* IE7 */
	*width: 357px; /* IE6 */
}

/* ITEM LIST */

.ItemList .Item 
{
	float: left;
	min-height: 110px;
	height: auto !important;
	height: 110px;
}

.ItemList .ItemColumn {
	float: left;
}

.ItemList .ItemImage {
	margin-right: 10px;
}

.ItemList .ItemAction {
	float: right;
	text-align: right;
}

.ItemList .ItemAction span {
	display: block;
}

.DisplayPrice {
	color: #fff;
	font-size:155%;
	font-weight:bold;
	line-height:normal;
}

.ItemInfo .ItemStatus {
	color:#000;
	text-transform: uppercase;
}


.ItemDescription h3 {
	font-size: 11px;
}

.ItemDescription h3 b {
	font-weight: normal;
}


.ItemInfo .ItemStatus.Offer {
	background: url("/Tradelink/Graphics/Catalog/Offer-right.png") no-repeat right 50%;
	padding-right: 3px;
}

.ItemInfo .ItemStatus.Offer span.SpanText {
	background: url("/Tradelink/Graphics/Catalog/Offer-left.png") no-repeat left 50%;
	padding-left: 3px;
}

.ItemInfo .ItemStatus.Soldout {
	background: url("/Tradelink/Graphics/Catalog/Offer-right.png") no-repeat right 50%;
	padding-right: 3px;
}

.ItemInfo .ItemStatus.Soldout span.SpanText {
	background: url("/Tradelink/Graphics/Catalog/Offer-left.png") no-repeat left 50%;
	padding-left: 3px;
}

/* CHECKOUT COMMON */

.errorMessage
{
    /*
	float: left;
    */
}

.errorMessage span
{
    /*
	float: left;
	clear: both;
    */
}


.customerInformationInput 
{
    position: relative;
}

.customerInformationInput .validation_status
{
    float: right;
    width: 16px;
    height: 16px;
    overflow: hidden;

}





/* Order lines table */

.OrderLines th, .OrderLines td {
	text-align: left;
}

.OrderLines .itemPrice, .OrderLines .itemCount, .OrderLines .itemTotal, .OrderLines .itemFunctions {
    text-align: right !important;
    padding-right: 0;
    padding-left: 5px;
    white-space: nowrap;
}

.itemNameName 
{
	font-weight: bold;
	font-size:12px;
}

.OrderLines .itemFunctions {
	padding-left: 10px;
}

.OrderLines .itemFunctions input {
	border: 0!important;
}

/* BASKET */

/* ORDER INFORMATION */

.orderInformation
{
	position: relative;
	z-index: 1;
}




div.deliveryInformation .inputZipcode {
	vertical-align: top;
}



.customerInformationLabel 
{
	vertical-align: top;
	width: auto;
}

.customerInformationLabel label
{
    display: block;
	padding-bottom: 10px;
}

.customerInformationInput 
{
    vertical-align:top;
}






.redBorder
{
    background:url("/Frontend/Graphics/Backgrounds/bg_warning.gif") no-repeat 2px 4px;
    /*border:solid 1px red;
    padding:2px 2px 2px 22px;
    margin:2px;*/
    color:Red;
}

.redBorder a
{
    color:Red;
}



a.ButtonLink.BackLink {
	float:left;
}

/* ORDER PAYMENTINFORMATION */

#PaymentSelection input
{
	float: left;
}

#PaymentSelection label
{
	display: block;
	margin: -2px 0 0 18px;
}

#PaymentSelection .PaymentDescription
{
	padding: 0 0 10px 18px;
}


/* ORDER PAYMENT */
