﻿/* COMMONS */
#SearchBar, .ItemList .Item, .Checkout, .payment {
	width: 100%;
}
.HelpContainer {
	position:relative;
}

.HelpLink {
	position:relative;
	text-decoration:none;
}

.HelpText {
	display:none; /*display none or block to enable toggle*/
	position:absolute;
	left:26px;
	top: 2px;
	width:200px;
	font-weight:normal;
	font-size:11px;
	line-height:normal;
	text-decoration:none;
	background-color: #ffffff;
	border: 1px solid #333333;
	padding:10px;
}

div.ShopSearch, div.ShopItem, .Favorite .ShopContent {
	border: solid 1px #99CCFF;
	margin: 0 17px 0 0;
	padding: 15px;
	width: 424px;
}

.Shop #Content .Box {
	margin: 0 16px 15px 0;
	*margin: 0 15px 15px 0 !important; /* IE 7*/
	*margin: 0 15px 15px 0; /* IE 6*/
}

ul.CategoryList, ul.ItemList, #SearchItemList ul.ItemList, #FavouriteItemList ul.ItemList, .SmallBasket ul, #OrderProgress {
	display:inline-block; /* ensures proper rendering of margins on preceding elements - edit carefully */
	list-style-type:none;
	margin:0;
	position:relative;
	width:100%;
}

#CatalogItemList.ItemList {
	width: 457px;
}

ul.CategoryList .CatalogCategoryImgLink, ul.ItemList .ItemImage .CatalogItemLink, .basketItems .itemImage img, div.relatedItem .ItemImage img {
	border: solid 1px #99CCFF;
	float: left;
}

#Content ul.CategoryList .Box {
	border: solid 1px #99ccff;
	float: left;
	padding: 15px;
	width: 188px;
	min-height: 270px;
	*min-height: 275px; /* IE7 */
	*height: 275px; /* IE6 */
}

#Content ul.CategoryList .Category2 {
	*margin-right: 0px;
}

ul.CategoryList .Box p {
	clear: left;
	padding: 5px 0 5px 0;
}

.ShopList .Title, .ShopItem .Title a {
	text-decoration: none;
	font-size: 120%;
	font-weight: bold;
	height: 40px;
	line-height: normal;
	margin-bottom:5px;
}

.ShopList .Title a, .ShopItem .Title a
{
	color: #003464;
	text-transform: uppercase;
	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 */
}

.CountControl input {
	vertical-align: middle;
}

.CountControlInput {
	width: 20px;
	margin-right:5px;
}

/* Buttons */

a.ButtonLink, .ButtonLink a, span.ButtonLink
{
   color:#fff;
   text-decoration:none;
   font-size:12px;
   /*background:url("/Tradelink/Graphics/ImageButtons/button-right.png") no-repeat right top;*/
   height:20px;
    /*padding-right:5px;
   padding-left:0;
   display:inline;*/
   float:right;
}

a.ButtonLink span, .ButtonLink a span, span.ButtonLink a
{
   background: #E0F0FF;
   border: solid 1px #99CDFF;
   color: #003263;
   padding:0px 10px 1px 15px;
   line-height: 15px;
   text-transform: uppercase;
   font-weight: bold;
   font-size: 11px;
   display:block;
}

/*a.ButtonLink:hover, .ButtonLink a:hover, span.ButtonLink
{
   background:url("/Tradelink/Graphics/ImageButtons/buttonActive-right.png") no-repeat right top;
      border: solid 1px red;
}

a.ButtonLink:hover span, .ButtonLink a:hover span, span.ButtonLink a:hover
{
   background: #E0F0FF;
   color: #eee;
}*/


/* SIMPLE BASKET */

#SimpleBasket {
	width:150px;
	float:right;
	margin: 3px 0 0 0;
}

#SimpleBasket table {
	width:100%;
}


/* SMALL BASKET */

#InfoContent .SmallBasket #items {
	border: solid 1px #a7d4fe;
	margin: 15px 0 15px 0;
}

#InfoContent .SmallBasket #items th {
	font-weight: normal;
}

#InfoContent .SmallBasket ul {
	margin: 0px;
}

.SmallBasket .TotalPrice {
	font-weight: bold;
	text-transform: uppercase;
}

.SmallBasket .Odd {
	background: #e0f0ff;
}

#SmallBasketHeadingLink {
	float: right;
	text-decoration: none;
}

#SmallBasketHeading {
	background: url(/frontend/graphics/icons/basket.gif) no-repeat;
	text-align: right;
	width: 120px;
}

.SmallBasket .messageInformation {
	background: #e0f0ff;
	margin: 15px 0 0 0;
	text-align: center;
}

.SmallBasket a.ButtonLink {
	text-align:center;
	width:100%;
	margin-top:10px;
}

.SmallBasket div.ToBasket {
	text-align: center;
}

.SmallBasket div.ToBasket a.ButtonLink span, .SmallBasket span.ButtonLinkNoItems {
	padding: 0 28px 0 28px;
	text-decoration: none;
	text-align: center;
}



.SmallBasket p#SmallBasketNoItems {
	background: #e0f0ff;
	height: 17px;
	margin: 15px 0 15px 0;
	text-align: center;
}

.SmallBasket span.ButtonLinkNoItems {
	background: #f9fdff;
	border: solid 1px #ebf5ff;
	cursor: default;
	color: #c5d5e2;
}

.SmallBasket table {
	width:100%;
}

/*.SmallBasket div.ToBasket a.ButtonLink span, .SearchBox div.RichTextElement a.ButtonLink {
	background: #E0F0FF none repeat scroll 0%;
	border: solid 1px #99CDFF;
	color: #003263;
	display: inline;
	height: 17px;
}

.SmallBasket div.ToBasket a.ButtonLink, .SearchBox div.RichTextElement a.ButtonLink span {
	background: none;
}*/

/* SEARCH */

/* search box */

.SearchBox a.ButtonLink {
	margin: 0px;
	width: 100px;
}

.SearchBox {
	float: right;
	margin: 9px 0 0 0;
	width: 430px;
}

.SearchBox .System, #SearchBar #NewSearch {
	float: left;
	padding: 2px 0 0 0;
	text-transform: none;
}

.SearchBox table {
	/*width: 100%;*/
	float: right;
}

.SearchBox input, .SearchBox select, #SearchBar input, #SearchBar select {
	border: solid 1px #99CCFF;
	float: left;
	width: 133px;
	margin: 0 5px 0 5px;
}

.SearchBox select, #SearchBar select {
	/*width: 169px;*/
	font-size: 11px;
	padding: 0 0 1px 0;
	*height: 18px!important;
	/*height: 16px;*/
}

/* search page */

#SearchBar {
	/*margin-bottom: 20px;*/
	/*float: left;*/
}

#SearchBar #SearchTextBox
{
	float: left;
	/*width: 326px;*/
	/*padding: 0 5px 0 0;*/
}

/*#SearchBar #NewSearch {
	float: left;
}*/

#SearchBar input, #SearchBar select {
	float: none;
	vertical-align: middle;
}

#SearchBar .ButtonLink span {
	margin: 1px 0 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 
{
	margin: 20px 0 20px 0;
}


/* ITEM LIST */

.ItemList .Item 
{
	float: left;
	min-height: 110px;
	height: auto !important;
	height: 110px;
	margin-bottom: 10px;
	*margin-bottom: 10px!important; /* IE7 */
	*margin-bottom: 0px; /* IE6 */
}

.ItemList .Item p {
	margin: 0px;
}

.ItemList .ItemColumn {
	float: left;
}

.ItemList .ItemImage {
	margin-right: 10px;
}

.ItemList .ItemAction {
	float: right;
	text-align: right;
}

.ItemList .ItemAction span {
	display: block;
}

.ItemList .ItemInfo, .relatedItem .ItemInfo {
	width: 155px;
}

.ItemList .ItemLabel, #RelatedItems .ItemLabel {
	text-align: center;
	width: 60px;
}

.ItemList .ItemLabel img, #RelatedItems .ItemLabel img {
	display: inline;
}

.DisplayPrice {
	font-size:155%;
	font-weight:bold;
	line-height:normal;
}


.ItemInfo .ItemStatus {
	color:#000;
	text-transform: uppercase;
}

.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;
}

.ItemAction .CountControl {
	margin-top:10px;
}

.ItemAction .showReadMore .CountControl {
	margin-top: 25px;
}

.ItemAction .CountControl .CountControlButton {
	border: solid 1px #99cdff!important;
	background: #E0F0FF;
	font-size: 1em;
	padding: 0 21px 0 22px;
	text-decoration: none;
}


#CatalogItemList .ItemAction .CountControl {
	margin: 0;
}

/* ITEM DETAILS */

#Item {

}

#Item #ItemLabel {
	float: left;
	padding: 0 10px 5px 0px;
}

#Item #ItemNo {
	clear: left;
	margin: 0 0 15px 0;
	width: 300px;
	/*padding: 0 0 10px 0;*/
}

#Item .CountControlInput {
	float: left;
	margin: 0 0 0 5px;
}

#ItemImage {
	float: left;
	margin: 0 15px 0 0;
	/*margin: 0 15px 0 0 !important; /* IE 7 */
	/*margin: 0 -2px 0 0; /* IE 6 */
	width: 218px;
}

#ItemImage img, #ItemImageNav li img {
	border: solid 1px #99cdff;
}

#ItemImage #ItemImageLink, #ItemImageNav li img {
	/*border: solid 1px #99cdff;*/
}

#ItemImageWrapper {
	height: 214px;
	margin: 0 0 12px;
	text-align: center;
}

#ItemImageWrapper a {
	display: block;
	float: left;
}

#ItemImageContent {
	margin: auto;
}

#ItemImageNav ul {
	margin: 0;
}

#ItemImageNav li {
	list-style-type: none;
	float: left;
	margin: 0 12px 12px 0;
	width: 68px;
}

#ItemImageNav li a {
	float: left;
}

#ItemImageNav li.column1 {
	clear: left;
}

#ItemImageNav li.column0 {
	clear: right;
	margin-right: 0;
}

#Item h1 {
	line-height: normal;
	float: left;
	clear: right;
	margin: 0;
	/*width: 258px;*/
}

#Item .ItemAction, #Item .ItemInfo {
	float: left; /* must float for h1 to clear right */
	width: 189px;
	*width: 185px;
}

#Item .ItemAction {
	text-align: right;
	margin: 0 0 20px 0;
}

#Item .ItemAction .itemCount {
	float: left;
	margin: 10px 0 0 0;
}

#Item .Teaser {
	float: none;
	/*margin:10px 0;*/
}


/* CHECKOUT COMMON */

.errorMessage{
	float: left;
}

.errorMessage span{
	float: left;
	clear: both;
}

.Checkout table, .shipping table, #PaymentContent table, .completed table
{
	clear: both;
	width: 480px;
	*width:100%;
}

.Checkout table th, .shipping table th, #PaymentContent table th, .completed table th {
	border-bottom: solid 1px #99CCFF;
}

table.Header {
	margin-bottom: 15px;
}

#OrderProgress li {
	float: left;
	padding: 0 12px 0 0;
}

#OrderProgress .OrderProgressLabel {
	border-top: solid 1px #99CCFF;
	border-bottom: solid 1px #99CCFF;
}

#OrderProgress li.active {
	background: url(/frontend/graphics/backgrounds/OrderProgress_active.gif) no-repeat right;
	font-weight: bold;
}

#OrderProgress li.inactive {
	background: #e0f0ff url(/frontend/graphics/backgrounds/OrderProgress_inactive.gif) no-repeat right;
}

#OrderProgress li.completed {
    background: #E0F0FF url(/frontend/graphics/backgrounds/OrderProgress_completed.gif) no-repeat right;
}

#OrderProgress li.postactive {
    background: url(/frontend/graphics/backgrounds/OrderProgress_completed.gif) no-repeat right;
}

#OrderProgress li.postactive .OrderProgressLabel, #OrderProgress li.laststep .OrderProgressLabel {
    background: #E0F0FF;
}

#OrderProgress li.laststep {
    background: url(/frontend/graphics/backgrounds/OrderProgress_laststep.gif) no-repeat right;
}

#OrderProgress li.lastactive {
	background: url(/frontend/graphics/backgrounds/OrderProgress_postactive.gif) no-repeat right;
}

/* 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;
}

.OrderLines .itemFunctions {
	padding-left: 10px;
}

.OrderTotal th {
	text-align: left;
}

.TotalAmount {
	font-weight: bold;
	text-align: right;
}

/* BASKET */


#BasketCheckOut #ContentInnerWrapper {
	float: left;
	margin: 0px;
	width: 100%;
}

#BasketCheckOut .Header {
	margin: -6px -15px 0 -15px;
	width: 510px;
}

#BasketCheckOut .Header td {
	padding: 0 15px 0 15px;
	*padding-bottom: 10px;
	vertical-align: top;
}


#BasketCheckOut .Header .Top {
	border-bottom: solid 1px #99CCFF;
}

#BasketCheckOut .Header .Top h1 {
	font-size: 11px;
	float: left;
}

#BasketCheckOut .Header .continueShopping, #BasketCheckOut .Header .ButtonLink {
	display: block;
	padding: 10px 0 10px 0;
}


#BasketCheckOut #Content {
	float: none;
	margin:0 auto;
	width: 529px;
}

div.Shopbasket {

}

#BasketCheckOut .OrderTotal th {
	padding: 5px;
}

#BasketCheckOut .VAT th, #BasketCheckOut .VAT td {
	padding: 5px;
} 

#BasketCheckOut .VAT th {
	font-weight: normal;
	text-align: left;
}

#BasketCheckOut .BasketFooter {
	margin-top: 10px;
}

#BasketCheckOut .messageInformation {
	background: #E0F0FF;
	border: solid 1px #99CDFF;
	margin: 0 0 15px 0;
	padding: 0 0 0 5px;
}

#OrderProgress {
	border-left: solid 1px #99CCFF;
	float: left;
}

#BasketItemsTable td, #BasketDetails .basketItems td {
	border-bottom: solid 1px #99CCFF;
	padding: 5px;
}

div#BasketContent, div#OrderInformationContent, div#ShippingContent, div#OrderCompletedContent, #AcceptOrderInformation {
	border: solid 1px #99CCFF;
	float: left;
	margin: 15px 0 0 0;
	padding: 15px;
	width: 480px;
}


/* ORDER INFORMATION */

.orderInformation
{
	position: relative;
	z-index: 1;
}

.orderInformation #customerComments {
	/*padding: 0 0 0 30px;*/
}

#customerComments .customerInformationLabel, #customerComments .customerInformationInput {
	padding: 0px;
}

div.customerInformation {
	/*width:280px;
	float:left;
	margin-right: 15px;*/
}

span.paymentCb input, .selectionOption input {
	border: 0;
}

div.deliveryInformation table {
	width: 253px;
	float:left;
}

.customerInformation h3 {
	border-bottom: solid 1px #99CCFF;
	margin: 0 0 15px 0;
	text-align: left;
	width: 478px;
}

div.deliveryInformation .inputZipcode {
	vertical-align: top;
}

/*div.customerInformation table, div.deliveryInformation table {
	margin-right:10px;
}*/

.customerInformationLabel, .customerInformationInput 
{
	padding: 5px 5px 0 0;
	vertical-align: top;
	width: auto;
}

.customerInformation tbody input, .deliveryInformation tbody input {
	width:181px;
}

.customerInformation tbody textarea, .deliveryInformation tbody textarea
{
	width: 187px; /* MOZ */
	*width: 190px!important; /* IE7 */
	*width: 190px; /* IE6 */
}

/* CHROME & SAFARI HACK */
body:nth-of-type(1) .customerInformation tbody textarea
{
   width: 183px;
}

.customerInformation tbody select, .deliveryInformation tbody select
{
	width: 185px;
}


tbody input.inputPostalCode {
	width:31px;
}

td.inputCity {
	text-align:right;
	padding: 5px 11px 0 0;
	*padding: 5px 9px 0 0;
}

tbody input.inputCity {
	width:90px;
}

.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;
}

#AcceptTerms {
	margin-bottom:10px;
}

.CheckBox input {
	margin-right:4px;
}

a.ButtonLink.BackLink {
	float:left;
}

/* SHIPPINGINFORMATION */

#ShippingContent .selectionOption label {
	padding: 0 0 0 5px;
}

/* ORDER PAYMENTINFORMATION */

#PaymentSelection input
{
	float: left;
}

#PaymentSelection label
{
	display: block;
	margin: -2px 0 0 18px;
}

#PaymentSelection .PaymentDescription
{
	padding: 0 0 10px 18px;
}


/* ORDER PAYMENT */

/* COMPLETED */

.orderConfirmationHeader, .orderNumber {
	text-align: left;
}

.orderConfirmationText, #CustomerAdress, #OrderComment, #DeliveryAdress {
	padding: 15px 0 0;
}

#CustomerAdress, #DeliveryAdress {
	float: left;
	padding-left: 5px;
}

#DeliveryType {
	clear: left;
	padding: 5px 0 15px 5px;
}

#OrderComment {
	float: right;
	padding-right: 5px;
}

/* RELATEDITEMS */

.relatedItem {
	float: left;
	height: auto !important;
	min-height: 110px;
	*height: auto!important;
	*height: 110px;
	width: 100%;
}

.relatedItem .ItemImage {
	margin: 0 10px 0 0;
}
.relatedItem .ItemColumn {
	float:left;
}

.relatedItem .ItemAction {
	float: right;
	text-align: right;
}

