﻿/* 4DModelShop */
body {}
* {background-repeat:no-repeat; padding:0px; margin:0px; outline:none;}
img {border:0px;}
table, tr, td, th {border-spacing:0px; vertical-align:top;} 
body {font-size:62.5%; color:#333; font-family:Arial, Helvetica, Verdana, Sans-Serif;}

/* Commonly Used */
h1 {font-family:FuturaTL-Bold; font-size:1.6em; font-weight:normal; color:#555;}
h1.LargeGrey {font-size:3em; margin-bottom:20px;}
h1.MediumGreen {font-size:2.4em; margin-bottom:20px; color:#5F8C1F;}
h1.MediumRed {font-size:2.4em; margin-bottom:20px; color:#CC0033;}

h2 {font-family:FuturaTL-Bold; font-size:1.4em; font-weight:normal; color:#555;}
a {color:#555; text-decoration:none;}
a.GreenLink {color:#5F8C1F; text-decoration:none;}

p {margin:0px 0px 8px 0px; font-size:1.4em; line-height:1.4em; color:#555;}
ul {margin:6px 10px 8px 13px; color:#555;}
ol {margin:6px 10px 8px 17px; color:#555;}
ul li {margin:3px 10px 3px 0px; font-size:14px; line-height:1.4em; color:#555;}
ol li {margin:3px 10px 3px 0px; font-size:14px; line-height:1.4em; color:#555;}
.BottomFix {clear:both; height:0px; font-size:0px; line-height:0px;}

.CenterInfoTxt  {text-align:center;}

.LineSpacer1 {height:2px;  font-size:2px; clear:both;}
.LineSpacer2 {height:5px;  font-size:2px; clear:both;}
.LineSpacer3 {height:10px; font-size:2px; clear:both;}
.LineSpacer4 {height:15px; font-size:2px; clear:both;}
.LineSpacer5 {height:25px; font-size:2px; clear:both;}
.LineSpacer6 {height:40px; font-size:2px; clear:both;}
.LineSpacer7 {height:80px; font-size:2px; clear:both;}

.ButtonCover {position:absolute; top:0px; left:0px; display:none;}

@font-face {
  font-family:'FuturaTL-Bold';
  src: url('/Content/Webfonts/FuturaBold-NoHinting.eot');
  src: url('/Content/Webfonts/FuturaBold-NoHinting.eot?#iefix') format('embedded-opentype'),
       url('/Content/Webfonts/FuturaBold-NoHinting.woff') format('woff'),
       url('/Content/Webfonts/FuturaBold-NoHinting.ttf') format('truetype'),
       url('/Content/webfonts/FuturaBold-NoHinting.svg#wf') format('svg');
}


.DebugBox {position:fixed; top:0px; left:0px; border:solid 1px #ddd; background-color:#fff; font-size:11px; color:#000; padding:3px; z-index:1000; max-width:240px; opacity:0.8; line-height:1.1em; font-family:Arial;}
.DebugBox hr {margin:1px 0px 1px 0px; height:0px;}

/* Validation */
.Asterisk {color:#B70808; font-size:1.2em;}
.ValidationMessage1 {display:block; color:#B70808; font-size:1.2em; font-weight:bold; margin-bottom:5px;}
.ValidationMessage1 a {color:#B70808; text-decoration:underline;}
.ValidationMessage2 {display:block; color:#B70808; font-size:1.2em; font-weight:bold; margin-bottom:5px;}
.ValidationMessage2 a {color:#B70808; text-decoration:underline;}
.ValidationInfo {font-weight:bold; font-size:1.2em; margin:0px 0px 5px 0px; color:#B70808 !important; white-space:normal; display:block; float:left; clear:left;}
.ValidationInfoLogin {font-weight:bold; font-size:1.2em; margin:0px 0px 5px 0px; color:#B70808 !important; white-space:normal; display:block; float:left; clear:left;}
.ValidationError span {color:#ff0000; font-size:1.4em;}

/* Site Structure */
.MainDiv {}

.MainDiv .MainHeader {position:relative;            z-index:20;}
.MainDiv .MainHeader .Content {min-width:320px; max-width:1000px; height:115px; margin:0px auto 0px auto;}
.MainDiv .MainHeader .Content .LeftSection {width:400px; min-height:112px; float:left; margin-left: 10px;}
.MainDiv .MainHeader .Content .LeftSection .Logo {margin:20px 0px 20px 0px; width:140px; float:left;}
.MainDiv .MainHeader .Content .LeftSection .Strapline {margin:45px 0px 0px 20px; float:left;}
.MainDiv .MainHeader .Content .LeftSection .Strapline h1 {color:#5f8c1f;}
.MainDiv .MainHeader .Content .RightSection {width:480px; min-height:112px; float:right; margin-right: 10px; position:relative;}
.MainDiv .MainHeader .Content .RightSection .Column1 {width:240px; float:left; margin:16px 10px 14px 0px;}
.MainDiv .MainHeader .Content .RightSection .Column1 .Search {height:36px; margin-bottom:10px;}
.MainDiv .MainHeader .Content .RightSection .Column1 .Search span.LeftEnd {display:block; background-image:url('/Content/Images/search_bg_left.png'); height:32px; width:4px; float:left;}
.MainDiv .MainHeader .Content .RightSection .Column1 .Search input{height:32px; background-color:#e5e5e5; border:none; width:148px; float:left; font-family:Arial; font-weight:bold; font-size:1.4em; color:#555; padding:0px 10px 0px 10px;}
.MainDiv .MainHeader .Content .RightSection .Column1 .Search span.RightEnd {display:block; background-image:url('/Content/Images/search_bg_right.png'); height:32px; width:4px; float:left;}
.MainDiv .MainHeader .Content .RightSection .Column1 .Search input.Button {height:32px; width:60px; float:left; padding:0px 10px 0px 10px; margin-left:4px; background-image:url('/Content/Images/search_bg_icon.png'); cursor:pointer; background-color:Transparent;}
.MainDiv .MainHeader .Content .RightSection .Column1 .Search input.Button:hover {background-image:url('/Content/Images/search_bg_icon_hover.png');}
.MainDiv .MainHeader .Content .RightSection .Column1 .Number {height:36px;}
.MainDiv .MainHeader .Content .RightSection .Column1 .Number span {font-weight:bold; font-size:1.4em; color:#555; float:right; margin-top:10px;}
.MainDiv .MainHeader .Content .RightSection .Column2 {width:220px; float:right; margin:16px 0px 14px 10px;}
.MainDiv .MainHeader .Content .RightSection .Column2 .Register {height:36px; margin:0px 0px 10px 20px; float:right;}
.MainDiv .MainHeader .Content .RightSection .Column2 .Register .SilverBtn {float:right;}
.MainDiv .MainHeader .Content .RightSection .Column2 .Register .SilverBtn span.Centre a {width:60px;}
.MainDiv .MainHeader .Content .RightSection .Column2 .Login {height:36px; margin-bottom:10px; float:right;}
.MainDiv .MainHeader .Content .RightSection .Column2 .Login .SilverBtn {float:right;}
.MainDiv .MainHeader .Content .RightSection .Column2 .Login .SilverBtn span.Centre a {width:60px;}
.MainDiv .MainHeader .Content .RightSection .Column2 .BasketButton {height:36px;}
.MainDiv .MainHeader .Content .RightSection .Column2 .BasketButton .RedBtn {float:right;}
.MainDiv .MainHeader .Content .RightSection .Column2 .BasketButton .RedBtn span.Centre {width:212px;}
.MainDiv .MainHeader .Content .RightSection .Column2 .Returns  {margin-top:10px; text-align:center;}
.MainDiv .MainHeader .Content .RightSection .Column2 .Returns a {font-size:1.4em; font-weight:bold; color:#0158cc; text-decoration:underline;}
.MainDiv .MainHeader .Content .RightSection .Column2 .Returns a:hover   {text-decoration:none;}
.MainDiv .MainHeader .Shadow {position:absolute; bottom:-4px; left:0px; background-image:url('/Content/Images/header_shadow.png'); background-repeat:repeat-x; height:4px; width:100%;}

.MainDiv .MainNavigation {position:relative; width: 960px; margin:0px auto 20px auto; background-color:#888; z-index:15;}

.MainDiv .MainContent {min-width: 320px; max-width:960px; min-height:600px; margin:0px auto 20px auto; position:relative; z-index:10;}
.MainDiv .MainContent div.InfoBlock {float:right; width:190px; padding:10px 10px 0px 0px; border-top:solid 3px #cc092f;}
.MainDiv .MainContent div.ListWidthBlockWithTopBorder {padding:10px 15px 0px 15px; border-top:solid 3px #5f8c1f;}
.MainDiv .MainContent div.FullWidthBlockWithTopBorder {width:750px; clear:left; padding:10px 15px 0px 15px; float:left;  border-top:solid 3px #5f8c1f;}
.MainDiv .MainContent div.FullWidthBlock {width:750px; clear:left; padding:0px  15px 0px 15px; padding-top:1px;} /* <- not changeable without a good testing */
.MainDiv .MainContent div.FormColumnBlock {float:left; width:420px;}
.MainDiv .MainContent div.ButtonBlock {float:left; width:652px; height:30px; font-size:10px; font-weight:normal; margin:20px auto 20px 0px; clear:both;}
.MainDiv .MainContent div.LogInButtonBlock {float:left; width:277px; height:25px; font-size:10px; font-weight:normal; margin:20px auto 10px 0px; clear:both;}
.MainDiv .MainContent div.FormSubTitle {font-size:15px; font-weight:bold; margin:15px 0px 10px 0px;}


.MainDiv .MainFooter {background-color:#484848;}
.MainDiv .MainFooter .Content {min-width:320px; max-width:960px; margin:auto; padding:20px 0px 20px 0px;}
.MainDiv .MainFooter .Content .f-col { padding:0 2% 0 0; width:17%; display:inline-block; vertical-align:top;}
.MainDiv .MainFooter .Content .last { width:22%;}
.MainDiv .MainFooter .Content .last a { width:22%; margin-left:15px;}
.MainDiv .MainFooter .Content .f-col a {font-family:Tahoma; font-size:1.4em; font-weight:normal; color:#aaa; line-height:1.6em;}
.MainDiv .MainFooter .Content .f-col a:hover {color:#fff;}
.MainDiv .MainFooter .Content .f-col a.Email     {width:27px; height:27px; display:block; float:right; background-image:url('/Content/Images/email_icon.png');}
.MainDiv .MainFooter .Content .f-col a.Facebook  {width:27px; height:27px; display:block; float:right; background-image:url('/Content/Images/fb_icon.png');}
.MainDiv .MainFooter .Content .f-col a.Twitter   {width:27px; height:27px; display:block; float:right; background-image:url('/Content/Images/twtr_icon.png');}
.MainDiv .MainFooter .Content .f-col a.Instagram {width:27px; height:27px; display:block; float:right; background-image:url('/Content/Images/instagram_icon.png');}
.MainDiv .MainFooter .Content .f-col a.Youtube   {width:27px; height:27px; display:block; float:right; background-image:url('/Content/Images/youtube_icon.png');}


/* -- Old Footer
.MainDiv .MainFooter {background-color:#484848;}
.MainDiv .MainFooter .Content {min-width:320px; max-width:1000px; margin:auto; padding:20px 0px 20px 0px;}
.MainDiv .MainFooter .Content table {width:98%; margin:0px 0px 0px 10px;}
.MainDiv .MainFooter .Content table td {padding:0px 20px 0px 0px; width:auto;}
.MainDiv .MainFooter .Content table td.NoPadding {padding:0px; width:auto;}
.MainDiv .MainFooter .Content table a {font-family:Tahoma; font-size:1.4em; font-weight:normal; color:#aaa; line-height:1.6em;}
.MainDiv .MainFooter .Content table a:hover {color:#fff;}
.MainDiv .MainFooter .Content table a.Email     {width:27px; height:27px; display:block; float:right; margin-left:15px; background-image:url('/Content/Images/email_icon.png');}
.MainDiv .MainFooter .Content table a.Facebook  {width:27px; height:27px; display:block; float:right; margin-left:15px; background-image:url('/Content/Images/fb_icon.png');}
.MainDiv .MainFooter .Content table a.Twitter   {width:27px; height:27px; display:block; float:right; margin-left:15px; background-image:url('/Content/Images/twtr_icon.png');}
.MainDiv .MainFooter .Content table a.Instagram {width:27px; height:27px; display:block; float:right; margin-left:15px; background-image:url('/Content/Images/inst_icon.png');}
.MainDiv .MainFooter .Content table a.Google    {width:27px; height:27px; display:block; float:right; background-image:url('/Content/Images/google_icon.png');}
*/

.MainDiv .SmallFooter {background-color:#626262;}
.MainDiv .SmallFooter .Content {min-width:320px; max-width:960px; margin:auto;}
.MainDiv .SmallFooter .Content .LeftSection {width:435px; float:left; padding:20px 0px 20px 0px;}
.MainDiv .SmallFooter .Content .LeftSection a {font-family:Tahoma; font-size:1.4em; font-weight:normal; color:#aaa; line-height:1.6em; margin-right:20px;}
.MainDiv .SmallFooter .Content .LeftSection a:hover {color:#fff;}
.MainDiv .SmallFooter .Content .RightSection {width:250px; float:right; text-align:right; padding:20px 0px 20px 0px;}
.MainDiv .SmallFooter .Content .RightSection a {font-family:Tahoma; font-size:1.4em; font-weight:bold; color:#ccc; line-height:1.6em;}
.MainDiv .SmallFooter .Content .RightSection a:hover {color:#fff;}
.MainDiv .SmallFooter .Content .RightSection span {font-family:Tahoma; font-size:1.4em; font-weight:normal; color:#aaa; line-height:1.6em;}

.MainDiv .MainHeader .Content .Register-Login-Button { cursor: pointer; display: none; float: left; position: relative; width:60px; height:60px;}
.MainDiv .MainHeader .Content .RightSection .Column2 .shop-basket{ width:100%; float:left;}
.MainDiv .MainHeader .Content .RightSection .Column2 .shop-basket .phone{ width:100%; float:left; display:none; color:#ffffff; float: right; font-size:1.4em; font-weight:bold; margin-top: 10px;}


.MainDiv .MainHeader .Content .RightSection .Column2 .shop-basket a{ background:url(/Content/Images/sb_bg.jpg) repeat-x; padding:6px 5px 7px; font-size:14px; font-weight:bold; color:#ffffff; min-height:20px; line-height:20px; text-align:center; position:relative; display:block;} 
.MainDiv .MainHeader .Content .RightSection .Column2 .shop-basket span.left{ background:url(/Content/Images/sb_bg_left.png) no-repeat; left:0px; top:0px; position:absolute; width:4px; height:32px; background-color:#ffffff;}
.MainDiv .MainHeader .Content .RightSection .Column2 .shop-basket span.right{ background:url(/Content/Images/sb_bg_right.png) no-repeat; right:0px; top:0px; position:absolute; width:4px; height:32px; background-color:#ffffff;}

.MainDiv .MainHeader .Content .CategoriesButton { display:none;}
.MainDiv .MainHeader .Content .CategoriesButton a { background-image: url("/Content/Images/silver_btn_centre.png"); background-repeat: repeat-x; color: #555555; display: block; font-size: 14px; font-weight: bold; line-height: 20px; min-height: 20px; padding: 6px 15px 7px; position: relative; text-align: center;}
.MainDiv .MainHeader .Content .CategoriesButton a span.left{ background:url(/Content/Images/silver_btn_left.png) no-repeat; left:0px; top:0px; position:absolute; width:4px; height:32px; background-color:#ffffff;}
.MainDiv .MainHeader .Content .CategoriesButton a span.right{ background:url(/Content/Images/silver_btn_right.png) no-repeat; right:0px; top:0px; position:absolute; width:4px; height:32px; background-color:#ffffff;}

.MainDiv .MainNavigation .Category { display:none;}
.MainDiv .MainNavigation .Category .Categories { height:500px;}

.MainDiv .MainNavigation #NavContainer .MainToggle { display:none; padding:17px 0; text-align:center; width:100%; background-color:#5c5c5c;}






/* Navigation */
#NavContainer {font-family:Arial;}
#NavContainer ul {position:relative; left:0px; top:0px; font-size:1.0em; margin:0px; padding:0px; list-style-type:none;}
#NavContainer li {position:relative; left:0px; top:0px; font-size:1.0em; margin:0px; padding:0px; border-right: 1px solid #fff;     color: #fff;     float: left;     font-size: 1em;     left: 0;     margin: 0;     padding: 0;     position: relative;     top: 0;     width: 191px;}
#NavContainer a {font-family:FuturaTL-Bold; font-size:1.4em; font-weight:normal; color:#fff; display:block;}
#NavContainer a:hover {background-color:#EC5B01;}

#NavContainer ul.Level1 {}
#NavContainer li.Level1 {float:left; margin-left:0px; color:#fff; width:191px; border-right:solid 1px #fff;}
#NavContainer li.Level1Highlighted {background-color:#EC5B01;}
#NavContainer li.Level1 a.Level1 {position:relative; padding:17px 12px 19px 12px; text-align:center;}
#NavContainer li.Level1Highlighted a.Level1 {position:relative; padding:17px 12px 19px 12px; color:#fff;}

#NavContainer ul.Level2 {position:absolute; top:49px; left:0px; display:none; width:191px; background-color:#EC5B01; text-align:center;}
#NavContainer li.Level2 {}
#NavContainer li.Level2Highlighted {}
#NavContainer li.Level2 a.Level2 {position:relative; padding:10px 12px 10px 12px; width:167px; color:#fff;}
#NavContainer li.Level2Highlighted a.Level2 {position:relative; padding:10px 12px 10px 12px; width:167px; color:#fff; background-color:#e14103;}

#NavContainer ul.Level3 {position:absolute; top:0px; left:191px; display:none;}
#NavContainer li.Level3 {}
#NavContainer li.Level3Highlighted {}
#NavContainer li.Level3 a.Level3 {position:relative; padding:5px 12px 5px 12px; width:167px; color:#fff;}
#NavContainer li.Level3Highlighted a.Level3 {position:relative; padding:5px 12px 5px 12px; width:167px; color:#fff; background-color:#10B1C5;}

#NavContainer .IE6Correction {margin-bottom:-1.5em;}

#NavContainer ul ul { position:absolute; display:none;}
#NavContainer li a {  padding: 17px 12px 19px;     position: relative;     text-align: center;}
/* Forms */
.FormSpacer {width:10px; height:5px}
.FormBox {width:380px; margin-bottom:5px; padding:4px 0px 6px 0px;}
.FormBoxWiderForImage {width:360px;}
.HTMLEditor {width:652px;}

.InnerFormBox {float:left; width:136px;}
.InnerFormBoxFix {clear:left; height:1px; font-size:1px;}

.FormBox .FormLabel {font-size:1.6em; margin-bottom:5px; font-weight:bold;}
.FormBox .FormLabel a {color:#5F8C1F;}
.FormBox .FormLabel .Optional {font-size:12px; color:#999; font-weight:normal;}
.FormBox .FormField {clear:left;}
.FormBox .FieldInfo {font-size:1.2em; margin-top:2px;}
.FormBox .FieldView {font-size:1.1em; margin-top:2px;}
.FormBox .FieldView a {font-size:1.0em;}
.FormBox .LengthInfo {font-size:1.0em; margin-top:2px; color:#666; text-align:right;}
.FormBox .ValidationInfo {font-size:1.2em; margin-top:2px; font-weight:bold; color:#B70808 !important; white-space:normal; display:block; float:left;}
.FormBox .ImageV1 {margin-bottom:4px;}
.FormBox .ImageV2 {margin-bottom:4px; width:350px; overflow:auto; /*background-color:#eee;*/} /* just a horizontal limitation - form field  width:264px; */
.FormBox.TooltipIcon  {position:relative;}
.FormBox.TooltipIcon .Tooltip {position:absolute; z-index:5; top:36px; right:50px; width:20px; height:20px;}
.FormBox.TooltipIcon .Tooltip .Icon {width:20px;}
.FormBox.TooltipIcon .Tooltip .Txt  {visibility:hidden; position:absolute; left:50%; transform:translateX(-50%); width:200px; font-size:1.3em; color:#ffffff; background-color:#5f8c1f; border-radius:5px; padding:10px; box-sizing:border-box;}
.FormBox.TooltipIcon .Tooltip .Txt::after {content:""; position:absolute; bottom:100%; left:50%; margin-left:-8px; border-width:8px; border-style:solid; border-color:transparent transparent #5f8c1f transparent;}
.FormBox.TooltipIcon .Tooltip:hover .Txt  {visibility:visible;}

.FormField .EditBoxW1 {width:250px; font-size:1.4em; font-family:Arial; font-weight:bold; color:#555; height:2.4em; padding:2px 0px 2px 10px; margin-right:0px; border:none; background-color:#eee; border:solid 1px #ddd;}
.FormField .EditBoxW2 {width:160px; font-size:1.4em; font-family:Arial; font-weight:bold; color:#555; height:2.4em; padding:2px 0px 2px 10px; margin-right:0px; border:none; background-color:#eee; border:solid 1px #ddd;}
.FormField .EditBoxW3 {width:80px; font-size:1.4em; font-family:Arial; font-weight:bold; color:#555; height:2.4em; padding:2px 0px 2px 10px; margin-right:0px; border:none; background-color:#eee; border:solid 1px #ddd;}
.FormField .EditBoxW4 {width:40px; font-size:1.4em; font-family:Arial; font-weight:bold; color:#555; height:2.4em; padding:2px 0px 2px 10px; margin-right:0px; border:none; background-color:#eee; border:solid 1px #ddd;}
.FormField .DropDownW1 {width:262px; font-size:1.4em; font-family:Arial; font-weight:bold; height:2.4em; padding:6px 0px 2px 10px; border:none; line-height:1.5em; color:#555; background-color:#eee; border:solid 1px #ddd;}
.FormField .DropDownW2 {width:160px; font-size:1.4em; font-family:Arial; font-weight:bold; height:2.4em; padding:6px 0px 2px 10px; border:none; line-height:1.5em; color:#555; background-color:#eee; border:solid 1px #ddd;}
.FormField .DropDownW3 {width:80px; font-size:1.4em; font-family:Arial; font-weight:bold; height:2.4em; padding:6px 0px 2px 10px; border:none; line-height:1.5em; color:#555; background-color:#eee; border:solid 1px #ddd;}
.FormField .ListBoxW1 {width:260px; font-size:1.4em; font-family:Arial; font-weight:bold; padding:6px 0px 2px 10px; border:none; color:#555; background-color:#eee; border:solid 1px #ddd;}
.FormField .TextAreaW1 {width:240px; font-size:1.4em; font-family:Arial; font-weight:bold; padding:10px; border:none; color:#555; font-family:Arial, Helvetica, Verdana; background-color:#eee; border:solid 1px #ddd;}
.FormField .FileUploadW1 {width:263px; font-size:1.4em; font-family:Arial; font-weight:bold; height:2.4em; padding-right:1px; color:#555;}



.FormStyle1 {width:250px; height:60px;}
.FormStyle1 .FormLabel {display:block; float:left; clear:both; font-family:Arial; font-size:1.4em; color:#555; font-weight:bold;}
.FormStyle1 input {height:20px; width:200px; border:solid 1px #666; margin-bottom:16px; font-size:1.2em; float:left; clear:left;}
.FormStyle1 select {height:22px; border:solid 1px #666; padding:0px 0px 0px 0px; margin-bottom:16px; float:left; clear:both;}
.FormStyle1 textarea {height:100px; width:190px; border:solid 1px #666; font-size:1.2em; margin-bottom:16px; float:left; clear:both;}
.FormStyle1 p {display:block; float:left; clear:both; font-family:Arial; font-size:1em; margin-bottom:5px; color:#666;}

/* Radio and checkbox lists */
.CbxAndLabel {position:relative;}
.CbxAndLabel a {color:#333; font-weight:bold;}
.CbxAndLabel input {position:relative; margin-right:5px; float:left;}
.CbxAndLabel label {color:#333; margin-left:5px; font-size:1.4em; display:block; width:240px; float:left;}
.RadioAndLabel {position:relative;}
.RadioAndLabel input {position:relative; margin-right:5px; float:left;}
.RadioAndLabel label {color:#333; margin-left:5px; font-size:1.4em; display:block; width:240px; float:left;}
.RadioAndLabel .Paypal {float:left; top:32px;}
.RadioAndLabel .BankCard {float:left; top:8px; margin-right:3px;}

/* CMS classes used in all editable content boxes */
.CMSBox {}

/* Twitter Widget */
.TwitterFeed {font-family:FuturaTL-Bold; width:220px; background-color:#EAEAEA; margin-bottom:16px;}
.TwitterFeed .Header h2 {background-color:#007dc3; width:180px; font-family:FuturaTL-Bold; font-size:1.6em; font-weight:normal; color:#fff; padding:10px 20px 10px 20px; display:block;}
.TwitterFeed .Body {max-height:270px; overflow-y:scroll; overflow-x:hidden;}
.TwitterFeed #tweet_expand { display:none; float:right;}
.TwitterFeed .Header #tweet_expand img { float:right; margin-top:6px;}
.TwitterFeed .Header #tweet_expand .minus{ display:none;}


/* Buttons */
.SilverBtn {height:32px; float:left;}
.SilverBtn span.LeftEnd {float:left; width:4px; height:32px; background-image:url(/Content/Images/silver_btn_left.png);}
.SilverBtn span.Centre {float:left; height:32px; background-image:url(/Content/Images/silver_btn_centre.png); background-repeat:repeat-x;}
.SilverBtn span.Centre a {color:#555; font-size:1.4em; padding:8px 16px 8px 16px; display:block; font-weight:bold; text-decoration:none; text-align:center;}
.SilverBtn span.Centre input {color:#555; width:100%; font-size:1.4em; padding:8px 16px 8px 16px; height:32px; display:block; font-weight:bold; text-decoration:none; text-align:center; border:none; background-image:url(/Content/Images/silver_btn_centre.png); background-repeat:repeat-x; font-family:Arial; cursor:pointer;}
.SilverBtn span.RightEnd {float:left; width:4px; height:32px; background-image:url(/Content/Images/silver_btn_right.png);}
.SilverBtn:hover {}
.SilverBtn:hover span.LeftEnd {background-image:url(/Content/Images/silver_btn_left_hover.png);}
.SilverBtn:hover span.Centre {background-image:url(/Content/Images/silver_btn_centre_hover.png);}
.SilverBtn:hover span.Centre input {background-image:url(/Content/Images/silver_btn_centre_hover.png);}
.SilverBtn:hover span.RightEnd {background-image:url(/Content/Images/silver_btn_right_hover.png);}

.RedBtn {height:32px; float:left;}
.RedBtn span.LeftEnd {float:left; width:4px; height:32px; background-image:url(/Content/Images/red_btn_left.png);}
.RedBtn span.Centre {float:left; height:32px; background-image:url(/Content/Images/red_btn_centre.png); background-repeat:repeat-x;}
.RedBtn span.Centre a {color:#fff; font-size:1.4em; padding:8px 16px 8px 16px; display:block; font-weight:bold; text-decoration:none; text-align:center;}
.RedBtn span.Centre input {color:#fff; width:100%; font-size:1.4em; padding:8px 16px 8px 16px; height:32px; display:block; font-weight:bold; text-decoration:none; text-align:center; border:none; background-image:url(/Content/Images/red_btn_centre.png); background-repeat:repeat-x; font-family:Arial; cursor:pointer;}
.RedBtn span.Centre .Text {color:#fff; width:100%; font-size:1.4em; padding:8px 0px 8px 0px; height:32px; display:block; font-weight:bold; text-decoration:none; text-align:center; border:none; background-image:url(/Content/Images/red_btn_centre.png); background-repeat:repeat-x; font-family:Arial; cursor:default;}
.RedBtn span.RightEnd {float:left; width:4px; height:32px; background-image:url(/Content/Images/red_btn_right.png);}
.RedBtn:hover {}
.RedBtn:hover span.LeftEnd {background-image:url(/Content/Images/red_btn_left_hover.png);}
.RedBtn:hover span.Centre {background-image:url(/Content/Images/red_btn_centre_hover.png);}
.RedBtn:hover span.Centre input {background-image:url(/Content/Images/red_btn_centre_hover.png);}
.RedBtn:hover span.RightEnd {background-image:url(/Content/Images/red_btn_right_hover.png);}

.ButtonSpacer {float:right; height:20px; width:10px;}
.ButtonStdSpacer {float:left; height:20px; width:10px;}

/* Error page */
.ErrorPageContent {min-height:340px;}
.ErrorPageContent h2 {color:#444; font-size:3.6em; margin-bottom:10px;}
.ErrorPageContent p {color:#444; font-size:1.6em; margin-bottom:10px; font-family:tahoma;}
.ErrorPageContent a {color:#5F8C1F; margin-bottom:10px; font-family:tahoma;}
.ErrorPageContent a:hover {color:#476917; margin-bottom:10px; font-family:tahoma;}
.ErrorPageContent table {height:340px;}
.ErrorPageContent table tr {}
.ErrorPageContent table td {vertical-align:middle;}

/* HomePage */
.MainContent .HomePage {margin-bottom:20px;}
.MainContent .HomePage .Column1 {float:left; width:220px;}
.MainContent .HomePage .Column1 .SignUp {background-color:#dddddd; width:180px; margin-bottom:20px; padding:20px;}
.MainContent .HomePage .Column1 .SignUp p {font-size:1.4em; font-weight:bold; color:#555;}
.MainContent .HomePage .Column1 .SignUp span.Copy {font-size:1.4em; font-weight:bold; color:#555;}
.MainContent .HomePage .Column1 .SignUp .RedBtn {margin-top:20px; float:none;}
.MainContent .HomePage .Column1 .SignUp .RedBtn span.Centre a {width:140px;}
.MainContent .HomePage .Column1 .SignUp .AreaSelect {margin-top:20px; width:100%;}
.MainContent .HomePage .Column1 .SignUp .AreaSelect .FormLabel {font-size:1.4em;}
.MainContent .HomePage .Column1 .SignUp .AreaSelect .SilverBtn  {float:none;}
.MainContent .HomePage .Column1 .SignUp .AreaSelect .SilverBtn span.Centre  {width:100%; margin-bottom:10px;}
.MainContent .HomePage .Column1 .SignUp .AreaSelect .ListBoxW1  {width:100%;}
.MainContent .HomePage .Column1 .SignUpEmail .EditBoxW1 {width:170px; font-size:1.4em; font-family:Arial; font-weight:bold; color:#555; height:2.4em; padding:2px 0px 2px 10px; margin-top:10px; border:none; background-color:#eee;}
.MainContent .HomePage .Column1 .InfoBox {background-color:#f8931d; width:180px; min-height:160px; margin-bottom:20px; padding:20px;}
.MainContent .HomePage .Column1 .InfoBox h2 {font-size:1.6em; color:#fff;}
.MainContent .HomePage .Column1 .InfoBox span.Copy {font-size:1.4em; font-weight:bold; color:#fff;}
.MainContent .HomePage .Column1 .InfoBox .SilverBtn {float:none; width:100%;}
.MainContent .HomePage .Column1 .InfoBox .SilverBtn span.Centre {display:block; float:none; width:100%;}


.MainContent .HomePage .Column1 .Student {background-color:#2b5b76; width:180px; height:160px; margin-bottom:20px; padding:20px;}
.MainContent .HomePage .Column1 .Student h2 {font-size:1.6em; color:#fff;}
.MainContent .HomePage .Column1 .Student span.Copy {font-size:1.4em; font-weight:bold; color:#fff;}
.MainContent .HomePage .Column1 .Student .SilverBtn {margin-top:10px;}
.MainContent .HomePage .Column1 .Student .SilverBtn span.Centre a {width:140px;}

.MainContent .HomePage .Column2 {width:100px; float:left; width:50%; margin:0px 20px 0px 20px;}
.MainContent .HomePage .Column2 .Slideshow {/*styled elswere*/}
.MainContent .HomePage .Column2 .LatestProducts {/*styled elswere*/}
.MainContent .HomePage .Column3 {width:100px; float:left; width:220px;}
.MainContent .HomePage .Column3 .Workshop {position:relative; width:220px; margin-bottom:20px; height:310px; background-color:#eee;}
.MainContent .HomePage .Column3 .Workshop .Header h2 {background-color:#ec5b01; width:180px; font-family:FuturaTL-Bold; font-size:1.6em; font-weight:normal; color:#fff; padding:10px 20px 10px 20px; display:block;}
.MainContent .HomePage .Column3 .Workshop .Content {padding:20px; height:210px; position:relative;}
.MainContent .HomePage .Column3 .Workshop .Content img {max-width:180px; max-height:178px; margin:auto; display:block; overflow:hidden;}
.MainContent .HomePage .Column3 .Workshop .Content span.Copy {font-size:1.4em; font-weight:bold; color:#555;}
.MainContent .HomePage .Column3 .Workshop .Content .SilverBtn {position:absolute; bottom:0px;}
.MainContent .HomePage .Column3 .Workshop .Content .SilverBtn span.Centre a {width:140px;}

.MainContent .HomePage .Column3 .Twitter {background-color:#1c81bf; width:220px; height:420px; margin-bottom:20px;}


/* Breadcrumbs */
.Breadcrumb {width:960px; height:20px; margin-bottom:20px;}
.Breadcrumb a {color:#555; font-family:FuturaTL-Bold; font-size:1.4em; float:left; text-transform:uppercase;}
.Breadcrumb a:hover {color:#5F8C1F;}
.Breadcrumb span {color:#999; font-family:FuturaTL-Bold; font-size:1.4em; float:left; text-transform:uppercase;}
.Breadcrumb .Slash {color:#555; font-family:FuturaTL-Bold; font-size:1.4em; font-weight:bold; float:left; padding:0px 10px 0px 10px;}

/* Shop Listing */
.ShopProductList {margin-bottom:40px;}
.ShopProductList .Column1 {float:left; width:240px;}
.ShopProductList .Column2 {float:left; width:720px;}

.ShopProductList .Categories {min-height:200px; margin:0px 20px 20px 0px;}
.ShopProductList .Categories h2 {font-size:3em;}
.ShopProductList .Categories a.Category {font-size:1.4em; font-weight:bold; line-height:1.3em; display:block;}
.ShopProductList .Categories a.Category:hover {color:#5F8C1F;}
.ShopProductList .Categories a.Active {font-size:1.4em; font-weight:bold; line-height:1.3em; color:#5F8C1F !important;}
.ShopProductList .Categories a.SubCategory {font-size:1.4em; font-weight:bold; margin-left:5px; line-height:1.3em; color:#777; display:block;}
.ShopProductList .Categories a.SubCategory:hover {color:#5F8C1F;}
.ShopProductList .Categories a.Level1 {margin-left:20px;}
.ShopProductList .Categories a.Level2 {margin-left:40px;}
.ShopProductList .Categories a.Level3 {margin-left:60px;}
.ShopProductList .Categories a.Level4 {margin-left:80px;}
.ShopProductList .Categories a.Level5 {margin-left:100px;}

.ShopProductList .SortingBar {height:40px; margin-bottom:20px; background-color:#ddd; padding:0px 20px 0px 20px;}
.ShopProductList .SortingBar .ListHeader a.Active {color:#5F8C1F; background-image:url('/Content/Images/down_arrow_icon_hover.png');}
.ShopProductList .SortingBar .ListHeader {width:120px; height:29px; float:left; margin-right:20px; padding-top:11px;}
.ShopProductList .SortingBar .ListHeader.Price-Header { float:right; width:80px;}
.ShopProductList .SortingBar .ListHeader a {color:#555; font-family:FuturaTL-Bold; font-size:1.4em; float:left;}
.ShopProductList .SortingBar .ListHeader a:hover {color:#5F8C1F; background-image:url('/Content/Images/down_arrow_icon_hover.png'); background-position:right 5px; padding-right:20px;}
.ShopProductList .SortingBar .ListHeader a.ActiveDesc {color:#5F8C1F; background-image:url('/Content/Images/down_arrow_icon_hover.png'); background-position:right 5px; padding-right:20px;}
.ShopProductList .SortingBar .ListHeader a.ActiveAsc {color:#5F8C1F; background-image:url('/Content/Images/down_arrow_icon_hover_asc.png'); background-position:right 4px; padding-right:20px;}
.ShopProductList .SortingBar .PerPage {width:100px; height:30px; float:right; margin-left:20px; padding-top:10px;}
.ShopProductList .SortingBar .GridIcon {width:20px; height:30px; float:right; margin-left:20px; padding-top:10px;}
.ShopProductList .SortingBar .GridIcon a {background-image:url('/Content/Images/grid_view_icon.png'); height:20px; width:20px; display:block;}
.ShopProductList .SortingBar .GridIcon a:hover {background-image:url('/Content/Images/grid_view_icon_hover.png'); height:20px; width:20px; display:block;}
.ShopProductList .SortingBar .GridIcon a.Active {background-image:url('/Content/Images/grid_view_icon_hover.png'); height:20px; width:20px; display:block;}
.ShopProductList .SortingBar .ListIcon {width:20px; height:30px; float:right; margin-left:20px; padding-top:10px;}
.ShopProductList .SortingBar .ListIcon a {background-image:url('/Content/Images/list_view_icon.png'); height:20px; width:20px; display:block;}
.ShopProductList .SortingBar .ListIcon a:hover {background-image:url('/Content/Images/list_view_icon_hover.png'); height:20px; width:20px; display:block;}
.ShopProductList .SortingBar .ListIcon a.Active {background-image:url('/Content/Images/list_view_icon_hover.png'); height:20px; width:20px; display:block;}

.ShopProductList .ListView {}
.ShopProductList .ListView .ListItem {height:60px; margin-bottom:4px; background-color:#f5f5f5;}
.ShopProductList .ListView .ListItem:hover {background-color:#eeeeee;}
.ShopProductList .ListView .ListItem .ProductImage {width:60px; height:60px; background-color:#ddd; float:left; overflow:hidden; position:relative;}
.ShopProductList .ListView .ListItem .ProductImage img {width:60px; min-height:60px; background-color:#ddd; float:left;}
.ShopProductList .ListView .ListItem .ProductImage .Sale {width:20px; height:20px; display:block; background-image:url('/Content/Images/sale_small.png'); position:absolute; z-index:100;}
.ShopProductList .ListView .ListItem .ProductTitle {width:320px; height:16px; float:left; padding:22px 0px 22px 20px;}
.ShopProductList .ListView .ListItem .ProductTitle.NoPadding {height:60px; padding:0px 0px 0px 20px;}
.ShopProductList .ListView .ListItem .ProductTitle a {font-size:1.4em; font-weight:bold; color:#5F8C1F;}
.ShopProductList .ListView .ListItem .ProductTitle a:hover {color:#4f741a;}
.ShopProductList .ListView .ListItem .ProductTitle .CandCLabelTable {padding:10px 0px 0px 0px;}
.ShopProductList .ListView .ListItem .ProdTitleTable {display:table; width:100%; height:100%;}
.ShopProductList .ListView .ListItem .ProdTitleTable .TitleCell {display:table-cell; vertical-align:middle;}
.ShopProductList .ListView .ListItem .ProductPrice {width:140px; height:16px; float:left; padding:22px 0px 22px 0px;}
.ShopProductList .ListView .ListItem .ProductPrice span.From {color:#999; font-weight:bold; font-size:1.6em; margin-right:5px;}
.ShopProductList .ListView .ListItem .ProductPrice span.Price {color:#cc092f; font-weight:bold; font-size:1.6em;}
.ShopProductList .ListView .ListItem .AddToBasketButton {width:146px; height:36px; float:left; padding:14px 14px 10px 20px;}
.ShopProductList .ListView .ListItem .AddToBasketButton .SilverBtn {float:right;}

.ShopProductList .GridView {}
.ShopProductList .GridView .ListItem {margin-bottom:20px; float:left;}
.ShopProductList .GridView .ListItem .ProductImage {height:165px; width:165px; background-color:#ddd; overflow:hidden; position:relative;}
.ShopProductList .GridView .ListItem .ProductImage img {width:165px; height:165px;}
.ShopProductList .GridView .ListItem .ProductImage .Sale {width:40px; height:40px; display:block; background-image:url('/Content/Images/sale_medium.png'); position:absolute; top:0px; z-index:100;}
.ShopProductList .GridView .ListItem .ProductTitle {width:165px; height:40px; padding-top:20px}
.ShopProductList .GridView .ListItem .ProductTitle a {font-size:1.6em; font-weight:bold; color:#5F8C1F;}
.ShopProductList .GridView .ListItem .ProductTitle a:hover {color:#4f741a;}
.ShopProductList .GridView .ListItem .ProductPrice {width:165px; height:16px; padding-top:20px}
.ShopProductList .GridView .ListItem .ProductPrice span.From {color:#999; font-weight:bold; font-size:1.6em; margin-right:5px;}
.ShopProductList .GridView .ListItem .ProductPrice span.Price {color:#cc092f; font-weight:bold; font-size:1.6em;}
.ShopProductList .GridView .ListItem .AddToBasketButton {width:165px; height:32px; padding-top:20px;}
.ShopProductList .GridView .ListItem .AddToBasketButton .SilverBtn {}
.ShopProductList .GridView .ListItem .AddToBasketButton .SilverBtn a {width:125px;}

.ShopProductList .GridView .ListItemSpacer {min-height:314px; width:20px; float:left;}

.ShopProductList span.NoItems {font-size:3.4em; color:#ccc; font-family:FuturaTL-Bold;}

.MainDiv .MainContent .ShopProductList .Column2 .GridView .ListItem { margin-right:20px;}
.MainDiv .MainContent .ShopProductList .Column2 .GridView .ListItem:nth-child(4n+4) { margin-right:0;}
.MainDiv .MainContent .ShopProductList .Column2 .GridView .ListItem:last-child { margin-right:0;}
.MainDiv .MainContent .ShopProductList .Column2 .GridView .set-margin:nth-child(4n+4) { margin-right:0px;}




/******** Azure search version - BEGIN ********/

.PaginationA {}
.PaginationA .TextAndButtons {padding:10px 0px 20px 0px; font-family:FuturaTL-Bold;}

.PaginationA .TextAndButtons .LeftButton {width:155px; float:left;}
.PaginationA .TextAndButtons .LeftButton a.ActiveIcon {background-image: url('/Content/Images/image-arrow-left-button-rollover.png'); height:26px; width:26px; float:left; margin:5px 5px 0px 0px; display:block;}
.PaginationA .TextAndButtons .LeftButton a.ActiveIcon:hover {}
.PaginationA .TextAndButtons .LeftButton a.ActiveText {font-size:1.3em; color:#555; display:block; margin-top:6px;}
.PaginationA .TextAndButtons .LeftButton a.ActiveText:hover {}
.PaginationA .TextAndButtons .LeftButton .InactiveIcon {background-image: url('/Content/Images/image-arrow-left-button.png'); height:26px; width:26px; float:left; margin:5px 5px 0px 0px; display:block;}
.PaginationA .TextAndButtons .LeftButton .InactiveText {font-size:1.3em; color:#999; display:block; margin-top:6px;}

.PaginationA .TextAndButtons .CenterSection {width:140px; display:block; margin:auto; text-align:center; color:#555;}
.PaginationA .TextAndButtons .CenterSection span {font-size:1.3em; color:#555; display:block; padding-top:6px;}

.PaginationA .TextAndButtons .RightButton {width:125px; float:right; text-align:right;}
.PaginationA .TextAndButtons .RightButton a.ActiveIcon {background-image: url('/Content/Images/image-arrow-right-button-rollover.png'); height:26px; width:26px; float:right; margin:5px 0px 0px 10px; display:block;}
.PaginationA .TextAndButtons .RightButton a.ActiveIcon:hover {}
.PaginationA .TextAndButtons .RightButton a.ActiveText {font-size:1.3em; color:#555; display:block; margin-top:6px;}
.PaginationA .TextAndButtons .RightButton a.ActiveText:hover {}
.PaginationA .TextAndButtons .RightButton .InactiveIcon {background-image: url('/Content/Images/image-arrow-right-button.png'); height:26px; width:26px; float:right; display:block; margin:5px 0px 0px 10px;}
.PaginationA .TextAndButtons .RightButton .InactiveText {font-size:1.3em; color:#888; display:block; margin-top:6px;}

.ShopProductListA {margin-bottom:40px;}
.ShopProductListA .Column1 {float:left; width:240px;}
.ShopProductListA .Column2 {float:left; width:720px;}

.ShopProductListA .Categories {min-height:200px; margin:0px 20px 20px 0px;}
.ShopProductListA .Categories h2 {font-size:3em;}
.ShopProductListA .Categories a.Category {font-size:1.4em; font-weight:bold; line-height:1.3em; display:block;}
.ShopProductListA .Categories a.Category:hover {color:#5F8C1F;}
.ShopProductListA .Categories a.Active {font-size:1.4em; font-weight:bold; line-height:1.3em; color:#5F8C1F !important;}
.ShopProductListA .Categories a.SubCategory {font-size:1.4em; font-weight:bold; margin-left:5px; line-height:1.3em; color:#777; display:block;}
.ShopProductListA .Categories a.SubCategory:hover {color:#5F8C1F;}
.ShopProductListA .Categories a.Level1 {margin-left:20px;}
.ShopProductListA .Categories a.Level2 {margin-left:40px;}
.ShopProductListA .Categories a.Level3 {margin-left:60px;}
.ShopProductListA .Categories a.Level4 {margin-left:80px;}
.ShopProductListA .Categories a.Level5 {margin-left:100px;}

.ShopProductListA .CategoriesV2 {margin:0px 0px 20px 0px;}
.ShopProductListA .CategoriesV2 h2 {font-size:3em;}
.ShopProductListA .CategoriesV2 * a {color:#555; font-weight:bold;}
.ShopProductListA .CategoriesV2 * a.Active {color:#5F8C1F;}
.ShopProductListA .CategoriesV2 * a:hover {color:#5F8C1F;}
 
.ShopProductListA .CategoriesV2 ul {margin:10px 0px 0px 0px; list-style-type:none;} /* level 1 (top level) */
.ShopProductListA .CategoriesV2 ul li {margin:6px 0px 0px 0px; font-size:14px; line-height:1.0em;}
.ShopProductListA .CategoriesV2 ul li ul {margin-top:0px; margin-left:15px; display:none;} /* level 2 */
.ShopProductListA .CategoriesV2 ul li ul li {}
.ShopProductListA .CategoriesV2 ul li ul li ul {} /* level 3 */
.ShopProductListA .CategoriesV2 ul li ul li ul li {}
.ShopProductListA .CategoriesV2 ul li ul li ul li ul {} /* level 4 */
.ShopProductListA .CategoriesV2 ul li ul li ul li ul li {}
.ShopProductListA .CategoriesV2 ul li ul li a {color:#777;}


.ShopProductListA .SortingBar {height:40px; margin-bottom:20px; background-color:#ddd; padding:0px 20px 0px 20px;}
.ShopProductListA .SortingBar .ListHeader a.Active {color:#5F8C1F; background-image:url('/Content/Images/down_arrow_icon_hover.png');}
.ShopProductListA .SortingBar .ListHeader {width:120px; height:29px; float:left; margin-right:20px; padding-top:11px;}
.ShopProductListA .SortingBar .ListHeader.PriceHeader { float:right; width:80px;}
.ShopProductListA .SortingBar .ListHeader a {color:#555; font-family:FuturaTL-Bold; font-size:1.4em; float:left;}
.ShopProductListA .SortingBar .ListHeader a:hover {color:#5F8C1F;}
.ShopProductListA .SortingBar .ListHeader a.ActiveDesc {color:#5F8C1F; background-image:url('/Content/Images/down_arrow_icon_hover.png'); background-position:right 5px; padding-right:20px;}
.ShopProductListA .SortingBar .ListHeader a.ActiveAsc {color:#5F8C1F; background-image:url('/Content/Images/down_arrow_icon_hover_asc.png'); background-position:right 4px; padding-right:20px;}
.ShopProductListA .SortingBar .PerPage {width:100px; float:right; margin-left:20px; padding-top:4px;}
.ShopProductListA .SortingBar .GridIcon {width:20px; height:30px; float:right; margin-left:20px; padding-top:10px;}
.ShopProductListA .SortingBar .GridIcon a {background-image:url('/Content/Images/grid_view_icon.png'); height:20px; width:20px; display:block;}
.ShopProductListA .SortingBar .GridIcon a:hover {background-image:url('/Content/Images/grid_view_icon_hover.png'); height:20px; width:20px; display:block;}
.ShopProductListA .SortingBar .GridIcon a.Active {background-image:url('/Content/Images/grid_view_icon_hover.png'); height:20px; width:20px; display:block;}
.ShopProductListA .SortingBar .ListIcon {width:20px; height:30px; float:right; margin-left:20px; padding-top:10px;}
.ShopProductListA .SortingBar .ListIcon a {background-image:url('/Content/Images/list_view_icon.png'); height:20px; width:20px; display:block;}
.ShopProductListA .SortingBar .ListIcon a:hover {background-image:url('/Content/Images/list_view_icon_hover.png'); height:20px; width:20px; display:block;}
.ShopProductListA .SortingBar .ListIcon a.Active {background-image:url('/Content/Images/list_view_icon_hover.png'); height:20px; width:20px; display:block;}
.ShopProductListA .SortingBar .PerPage .DropDownW1 {height:25px; border:none; border-radius:3px;}

.ShopProductList .ListView .ListItem .ProductTitle {width:320px; height:16px; float:left; padding:22px 0px 22px 20px;}


.ShopProductListA .ListView {}
.ShopProductListA .ListView .ListItem {min-height:60px; margin-bottom:4px; background-color:#f5f5f5;}
.ShopProductListA .ListView .ListItem:hover {background-color:#eeeeee;}
.ShopProductListA .ListView .ListItem .ProductImage {width:60px; height:60px; background-color:#ddd; float:left; overflow:hidden; position:relative;}
.ShopProductListA .ListView .ListItem .ProductImage img {width:60px; min-height:60px; background-color:#ddd; float:left;}
.ShopProductListA .ListView .ListItem .ProductImage .Sale {width:20px; height:20px; display:block; background-image:url('/Content/Images/sale_small.png'); position:absolute;}
.ShopProductListA .ListView .ListItem .ProductTitle {width:320px; /*height:16px;*/ float:left; padding:22px 10px 0px 20px;}
.ShopProductListA .ListView .ListItem .ProductTitle.NoPadding {height:60px; padding:0px 0px 0px 20px;}
.ShopProductListA .ListView .ListItem .ProductTitle a {font-size:1.4em; font-weight:bold; color:#5F8C1F;}
.ShopProductListA .ListView .ListItem .ProductTitle a:hover {color:#4f741a;}
.ShopProductListA .ListView .ListItem .ProductTitle .CandCLabelTable {padding:10px 0px 0px 0px;}
.ShopProductListA .ListView .ListItem .ProdTitleTable {display:table; width:100%; height:100%;}
.ShopProductListA .ListView .ListItem .ProdTitleTable .TitleCell {display:table-cell; vertical-align:middle;}
.ShopProductListA .ListView .ListItem .ProductPrice {width:140px; height:16px; float:left; padding:22px 0px 22px 0px;}
.ShopProductListA .ListView .ListItem .ProductPrice span.From {color:#999; font-weight:bold; font-size:1.6em; margin-right:5px;}
.ShopProductListA .ListView .ListItem .ProductPrice span.Price {color:#cc092f; font-weight:bold; font-size:1.6em;}
.ShopProductListA .ListView .ListItem .AddToBasketButton {width:146px; height:36px; float:left; padding:14px 10px 10px 20px;}
.ShopProductListA .ListView .ListItem .AddToBasketButton .SilverBtn {float:right;}

.ShopProductListA .GridView {}
.ShopProductListA .GridView .ListItem {margin-bottom:20px; float:left;}
.ShopProductListA .GridView .ListItem .ProductImage {height:165px; width:165px; background-color:#ddd; overflow:hidden; position:relative;}
.ShopProductListA .GridView .ListItem .ProductImage img {width:165px; height:165px;}
.ShopProductListA .GridView .ListItem .ProductImage .Sale {width:40px; height:40px; display:block; background-image:url('/Content/Images/sale_medium.png'); position:absolute; top:0px; z-index:100;}
.ShopProductListA .GridView .ListItem .ProductTitle {width:165px; height:40px; padding-top:15px}
.ShopProductListA .GridView .ListItem .ProductTitle a {font-size:1.6em; font-weight:bold; color:#5F8C1F;}
.ShopProductListA .GridView .ListItem .ProductTitle a:hover {color:#4f741a;}
.ShopProductListA .GridView .ListItem .ProductPrice {width:165px; height:16px; padding-top:20px}
.ShopProductListA .GridView .ListItem .ProductPrice span.From {color:#999; font-weight:bold; font-size:1.6em; margin-right:5px;}
.ShopProductListA .GridView .ListItem .ProductPrice span.Price {color:#cc092f; font-weight:bold; font-size:1.6em;}
.ShopProductListA .GridView .ListItem .AddToBasketButton {width:165px; height:32px; padding-top:15px;}
.ShopProductListA .GridView .ListItem .AddToBasketButton .SilverBtn {}
.ShopProductListA .GridView .ListItem .AddToBasketButton .SilverBtn a {width:125px;}

.ShopProductListA .GridView .ListItemSpacer {min-height:314px; width:20px; float:left;}

.ShopProductListA .NoItems {font-size:2.4em; color:#bbb; font-family:FuturaTL-Bold; text-align:center; margin-top:50px;  margin-bottom:50px;}
.ShopProductListA .NoItems table .Text {}

.MainDiv .MainContent .ShopProductListA .Column2 .GridView .ListItem { margin-right:20px;}
.MainDiv .MainContent .ShopProductListA .Column2 .GridView .ListItem:nth-child(4n+4) { margin-right:0;}
.MainDiv .MainContent .ShopProductListA .Column2 .GridView .ListItem:last-child { margin-right:0;}
.MainDiv .MainContent .ShopProductListA .Column2 .GridView .set-margin:nth-child(4n+4) { margin-right:0px;}

.CoverWithProgress {position:absolute; top:0px; left:0px; width:100%; height:100%; background-image:url(/Content/Images/fff_70.png); background-repeat:repeat; overflow:hidden; display:none; opacity:0; text-align:center; z-index:30;}
.CoverWithProgress img {display:block; margin:100px auto 15px auto; width:48px;}
.CoverWithProgress .Text {color:#333; position:relative; left:2px; font-size:14px;}


/* #AutocompleteResults sits inside .MainDiv .MainHeader .Content .RightSection */
#AutocompleteResults {position:absolute; top:49px; left:0px; width:100%; border:solid 1px #ddd; border-bottom:none; box-sizing:border-box; background-color:#fff; display:none; box-shadow:2px 2px 3px rgba(0, 0, 0, 0.2)}
#AutocompleteResults .Item {display:table; width:100%; border-bottom:solid 1px #ddd; cursor:pointer;}
#AutocompleteResults .Item:hover {background-color:#eee; text-decoration:none;}
#AutocompleteResults .LeftC {display:table-cell; vertical-align:top; width:40px; padding:6px; }
#AutocompleteResults .LeftC .Img {width:100%; display:block;}
#AutocompleteResults .MiddleC {display:table-cell; vertical-align:top; padding:6px 6px 6px 0px;}
#AutocompleteResults .MiddleC .Title {color:#5F8C1F; font-weight:bold; font-size:14px; line-height:1.2em; margin-bottom:2px;}
#AutocompleteResults .MiddleC .Sale  {color:#cc092f; font-weight:bold; font-size:14px; line-height:1.2em; margin-bottom:2px;}
#AutocompleteResults .RightC {display:table-cell; vertical-align:middle; text-align:right;}
#AutocompleteResults .RightC .From  {font-weight:bold; font-size:15px; color:#999;  margin-left:10px;}
#AutocompleteResults .RightC .Price {font-weight:bold; font-size:15px; color:#cc092f; margin-left:10px; margin-right:10px;}



/******** Azure search version - END ********/





.MainDiv .MainContent .AdhesiveList .Column2 .GridView .ListItem { width:165px; float:left; margin:0 20px 0 0;}
.MainDiv .MainContent .AdhesiveList .Column2 .GridView .ListItem .ProductImage img{ width:100%; height:auto;}
.MainDiv .MainContent .AdhesiveList .Column2 .GridView .ListItem .ProductTitle { height:50px;}
.MainDiv .MainContent .AdhesiveList .Column2 .GridView .ListItem .ProductTitle a { color:#5f8c1f; font-size:1.5em; font-weight:bold;} 
.MainDiv .MainContent .AdhesiveList .Column2 .GridView .ListItem .ProductPrice  { padding-bottom:10px;}
.MainDiv .MainContent .AdhesiveList .Column2 .GridView .ListItem .ProductPrice span.Price { color:#cc092f; font-size:1.6em; font-weight:bold;}
.MainDiv .MainContent .AdhesiveList .Column2 .GridView .ListItem:last-child{ margin-right:0px;}

/* Shop Details Page */
.ShopProductDetails {margin-bottom:20px; display:inline-block; width:100%;}
.ShopProductDetails .Column1 {float:left; width:240px;}
.ShopProductDetails .Column2 {float:left; width:720px; min-height:400px;}

.ShopProductDetails .Categories {min-height:200px; margin:0px 20px 20px 0px;}
.ShopProductDetails .Categories h2 {font-size:3em;}
.ShopProductDetails .Categories a.Category {font-size:1.4em; font-weight:bold; line-height:1.4em; display:block;}
.ShopProductDetails .Categories a.Category:hover {color:#5F8C1F;}
.ShopProductDetails .Categories a.Active {font-size:1.4em; font-weight:bold; line-height:1.3em; color:#5F8C1F !important;}
.ShopProductDetails .Categories a.SubCategory {font-size:1.4em; font-weight:bold; margin-left:5px; line-height:1.3em; color:#777; display:block;}
.ShopProductDetails .Categories a.SubCategory:hover {color:#5F8C1F;}
.ShopProductDetails .Categories a.Level1 {margin-left:20px;}
.ShopProductDetails .Categories a.Level2 {margin-left:40px;}
.ShopProductDetails .Categories a.Level3 {margin-left:60px;}
.ShopProductDetails .Categories a.Level4 {margin-left:80px;}
.ShopProductDetails .Categories a.Level5 {margin-left:100px;}

/* Slideshow home */
.SlideshowHome {position:relative; width:auto; height:310px; margin-bottom:20px; display:none;}
.SlideshowHome .Header h2 {background-color:#CC092F; width:440px; font-family:FuturaTL-Bold; font-size:1.6em; font-weight:normal; color:#fff; padding:10px 20px 10px 20px; display:block;}
.SlideshowHome .Left  {position:absolute; z-index:20; left:0px; top:140px; height:40px; width:40px; background-image:url(/Content/Images/slide_nav_left.png);}
.SlideshowHome .Right {position:absolute; z-index:20; right:0px; top:140px; height:40px; width:40px; background-image:url(/Content/Images/slide_nav_right.png);}
.SlideshowHome .Left:hover  {background-image:url(/Content/Images/slide_nav_left_hover.png);}
.SlideshowHome .Right:hover {background-image:url(/Content/Images/slide_nav_right_hover.png);}
.SlideshowHome .Slide {position:absolute; z-index:5;}
.SlideshowHome .Slide .SlideImage {width:480px; height:310px;}
.SlideshowHome .Slide .Overlay {position:absolute; height:310px; left:0px; top:0px; overflow:hidden;}
.SlideshowHome .Slide .Overlay td {overflow:hidden; height:310px;}
.SlideshowHome .Slide .Overlay .LargeText {font-size:1.6em; padding:10px 20px; color:#fff; font-family:FuturaTL-Bold;}
.SlideshowHome .Slide .SlideLink {position:absolute; top:0px; left:0px; display:block; width:480px; height:310px; background-image:url(/Content/Images/spacer.gif); background-repeat:repeat;}

/* Swiper Home */
.swiper-container {width: 100%; height: 310px;}
.swiper-wrapper{margin-bottom: 20px;}
.swiper-slide {text-align: center; background: #fff; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
.swiper-button-next{background-image:url(/Content/Images/slide_nav_right.png) !important; right: 0px !important; background-size: 40px 40px !important; width: 40px !important; height: 40px !important;}
.swiper-button-next:hover{background-image:url(/Content/Images/slide_nav_right_hover.png) !important; right: 0px !important;}
.swiper-button-prev{background-image:url(/Content/Images/slide_nav_left.png) !important; left: 0px !important;  background-size: 40px 40px !important;  width: 40px !important; height: 40px !important;}
.swiper-button-prev:hover{background-image:url(/Content/Images/slide_nav_left_hover.png) !important; left: 0px !important;}
.swiper-slide .SlideImage {width:100%; height:auto; display: block;}
.swiper-slide .Overlay {position:absolute; height:310px; left:0px; top:0px; overflow:hidden;}
.swiper-slide .Overlay td {overflow:hidden; height:310px;}
.swiper-slide .Overlay .LargeText {font-size:1.6em; padding:10px 20px; color:#fff; font-family:FuturaTL-Bold;}
.swiper-slide .SlideLink {position:absolute; top:0px; left:0px; display:block; width:100%; height:310px; background-image:url(/Content/Images/spacer.gif); background-repeat:repeat;}

/* Slideshow product details page */
.ShopProductDetails .SlideshowParent {position:relative; width:280px; height:280px; float:left;}
.ShopProductDetails .SlideshowParent .Slideshow {position:relative; width:280px; height:280px; display:none;}
.ShopProductDetails .SlideshowParent .Slideshow .Left {position:absolute; z-index:20; left:0px; top:130px; height:40px; width:40px; background-image:url(/Content/Images/slide_nav_left.png); visibility:hidden;}
.ShopProductDetails .SlideshowParent .Slideshow .Right {position:absolute; z-index:20; right:0px; top:130px; height:40px; width:40px; background-image:url(/Content/Images/slide_nav_right.png); visibility:hidden;}
.ShopProductDetails .SlideshowParent .Slideshow .Left:hover {background-image:url(/Content/Images/slide_nav_left_hover.png);}
.ShopProductDetails .SlideshowParent .Slideshow .Right:hover {background-image:url(/Content/Images/slide_nav_right_hover.png);}
.ShopProductDetails .SlideshowParent .Slideshow .Slide {position:absolute; width:280px; height:280px; z-index:5;}
.ShopProductDetails .SlideshowParent .Slideshow .Slide .SlideImage {max-width:280px; max-height:280px; margin-left:auto; margin-right:auto; display:block;}
.ShopProductDetails .SlideshowParent .Sale {width:80px; height:80px; display:block; background-image:url('/Content/Images/sale_large.png'); position:absolute; top:0px; z-index:100;}

/* Slideshow Recently Viewed */
.RecentlyViewed {width:220px; margin-bottom:20px;}
.RecentlyViewed .Header h2 {background-color:#5f8c1f; width:auto; font-family:FuturaTL-Bold; font-size:1.6em; font-weight:normal; color:#fff; padding:10px 20px 10px 20px; display:block;}
.RecentlyViewed .Slideshow {position:relative; width:220px; visibility:visible; position:relative;}
.RecentlyViewed .Slideshow .Left {position:absolute; z-index:20; left:0px; top:76px; height:40px; width:40px; background-image:url(/Content/Images/slide_nav_left.png);  visibility:hidden;}
.RecentlyViewed .Slideshow .Right {position:absolute; z-index:20; right:0px; top:76px; height:40px; width:40px; background-image:url(/Content/Images/slide_nav_right.png); visibility:hidden;}
.RecentlyViewed .Slideshow .Left:hover {background-image:url(/Content/Images/slide_nav_left_hover.png);}
.RecentlyViewed .Slideshow .Right:hover {background-image:url(/Content/Images/slide_nav_right_hover.png);}
.RecentlyViewed .Slideshow .Slide {position:absolute; width:220px; height:275px; z-index:5;} /* height for max 3 lines of .Title */
.RecentlyViewed .Slideshow .Slide img.SlideImage {max-width:220px; max-height:220px; margin-left:auto; margin-right:auto; margin-bottom:4px; display:block;}
.RecentlyViewed .Slideshow  a.Title {font-size:1.4em; font-weight:bold; color:#555; display:block;}
.RecentlyViewed .Slideshow  a.Title:hover {color:#5F8C1F;}
.RecentlyViewed .Slideshow .Slide .Sale {width:80px; height:80px; display:block; background-image:url('/Content/Images/sale_medium.png'); position:absolute; top:0px; z-index:100;}
.RecentlyViewed .Slideshow .caption{width: auto; float: left;}
.RecentlyViewed .Slideshow .SlideImage{height: auto;}

/* home step carousel */
.LatestProducts {width:100%; height:311px; margin-top:20px; /*visibility:hidden;*/}
.LatestProducts .Header h2 {background-color:#5f8c1f; width:auto; font-family:FuturaTL-Bold; font-size:1.6em; font-weight:normal; color:#fff; padding:10px 20px 10px 20px; margin-bottom:20px;}
.LatestProducts .Left {position:absolute; z-index:10; left:0px; top:54px; height:40px; width:40px; background-image:url(/Content/Images/slide_nav_left.png);}
.LatestProducts .Right {position:absolute; z-index:10; right:0px; top:54px; height:40px; width:40px; background-image:url(/Content/Images/slide_nav_right.png);}
.LatestProducts .Left:hover {background-image:url(/Content/Images/slide_nav_left_hover.png);}
.LatestProducts .Right:hover {background-image:url(/Content/Images/slide_nav_right_hover.png);}
.LatestProducts .StepCarousel {position:relative; height:248px; width:480px; left:0px; overflow:hidden;}
.LatestProducts .StepCarousel .StepCarouselBelt {position:absolute; left:0px; top:0px;}
.LatestProducts .StepCarousel .StepCarouselPanel {position:relative; width:144px; height:250px; padding-left:8px; padding-right:7px; float:left; overflow:hidden;}
.LatestProducts .StepCarousel .StepCarouselPanel img {max-width:144px; max-height:144px; margin-left:auto; margin-right:auto; margin-bottom:5px; display:block;}
.LatestProducts .StepCarousel .StepCarouselPanel a.Title {font-size:1.4em; font-weight:bold; color:#555;}
.LatestProducts .StepCarousel .StepCarouselPanel a.Title:hover {color:#5F8C1F;}
.LatestProducts .StepCarousel .StepCarouselPanel .SilverBtn {position:absolute; bottom:2px;}
.LatestProducts .StepCarousel .StepCarouselPanel .SilverBtn span.Centre a {width:104px;}

/*home products carousel*/
.swiper1{height: auto; float: left;}
/*.swiper1 .swiper-slide{width:31.2% !important; margin-right: 15px !important; text-align: center; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}*/
.swiper-button-next1{top:78px !important;}
.swiper-button-prev1{top:78px !important;}
.swiper1 .swiper-wrapper{height: auto; width:97%;}
.LatestProducts .swiper-wrapper{min-height: 250px;}
.LatestProducts img {width:100%; margin-bottom: 3px;}
.LatestProducts a.Title {font-size:1.4em; font-weight:bold; color:#555; text-align: left; min-height: 63px; float: left;}
.LatestProducts a.Title:hover {color:#5F8C1F;}
.LatestProducts .SilverBtn {width: 100%;}
.LatestProducts .SilverBtn span.Centre a {width:auto;}



/* */
.ShopProductDetails .Details {width:400px; min-height:280px; float:left; padding:0px 20px 0px 20px;}
.ShopProductDetails .Details .Header {width:400px; min-height:42px; margin-bottom:20px;}
.ShopProductDetails .Details .Header h2 {font-family:FuturaTL-Bold; font-size:1.8em; font-weight:normal; color:#5F8C1F; display:block;}

.ShopProductDetails .Details .MiddleSection {width:400px; height:150px; margin-bottom:20px;}
.ShopProductDetails .Details .MiddleSection .LeftSection {width:240px; float:left; margin-bottom:20px;}
.ShopProductDetails .Details .MiddleSection .LeftSection .RefNo {width:240px; height:20px; float:left; font-size:1.4em; font-weight:bold;}
.ShopProductDetails .Details .MiddleSection .LeftSection .Rating {width:240px; height:40px; float:left;}
.ShopProductDetails .Details .MiddleSection .LeftSection .Price {width:240px; min-height:40px; float:left; margin-right:15px;}
.ShopProductDetails .Details .MiddleSection .LeftSection .Price span.Amount {color:#cc092f; font-weight:bold; font-size:2.4em;}
.ShopProductDetails .Details .MiddleSection .LeftSection .Price span.VAT {color:#555; font-weight:bold; font-size:1.6em;}
.ShopProductDetails .Details .MiddleSection .LeftSection .Price span.OriginalPrice {color:#555; font-size:1.4em; }
.ShopProductDetails .Details .MiddleSection .RightSection {width:160px; float:left; margin-bottom:20px;}
.ShopProductDetails .Details .MiddleSection .RightSection .FormBox {float:right; margin-bottom:12px; width:140px;}
.ShopProductDetails .Details .MiddleSection .RightSection .FormBox .EditBoxW1 {width:40px; text-align:center; padding:0px; float:right;}
.ShopProductDetails .Details .MiddleSection .RightSection .FormBox .FormLabel {float:left; display:block; padding-top:8px; color:#555; font-size:1.4em; font-weight:bold;}
.ShopProductDetails .Details .MiddleSection .RightSection .FormBox .DropDownW1 {width:142px; float:right; margin-bottom:10px;}
.ShopProductDetails .Details .MiddleSection .RightSection .FormBox .DropDownW1 option.Sale {/*background-color:#CC092F;*/ color:#CC092F;}

.ShopProductDetails .Details .MiddleSection .RightSection .RedBtn {float:right; position:relative;}
.ShopProductDetails .Details .MiddleSection .RightSection .RedBtn .AddedSuccess {display:block; position:absolute; width:184px; top:36px; right:-20px; z-index:10;}
.ShopProductDetails .Details .MiddleSection .RightSection .RedBtn .AddedSuccessTop {display:block; background-image:url(/Content/Images/green_up_arrow.png); background-position:center 0px; width:184px; height:17px;}
.ShopProductDetails .Details .MiddleSection .RightSection .RedBtn .AddedSuccessBottom {display:block; top:140px; color:#fff; padding:12px; font-weight:bold; font-size:1.4em; float:right; width:160px; text-align:center; background-color:#5F8C1F;}

.ShopProductDetails .Details .BottomSection {width:400px; min-height:48px;}
.ShopProductDetails .Details .BottomSection a {padding-top:6px; font-size:1.4em; font-weight:bold; float:left; margin-right:20px;}
.ShopProductDetails .Details .BottomSection a:hover {color:#5F8C1F;}
.ShopProductDetails .Details .BottomSection .Facebook {margin-top:3px; float:left;}

.ShopProductDetails .PanelArea {position:relative; margin:62px 0px 20px 0px; position:relative; border:solid 1px #ccc; width:718px;} 
.ShopProductDetails .PanelArea .Tabs {position:absolute; top:-42px; left:-1px; width:720px; height:40px;}
.ShopProductDetails .PanelArea .Tabs div {text-align:center; padding:10px 40px 10px 40px; float:left; height:20px; margin-right:1px; font-family:FuturaTL-Bold; font-size:1.4em; font-weight:normal; background-color:#eaeaea;}
.ShopProductDetails .PanelArea .Tabs div:hover {background-color:#ccc;}
.ShopProductDetails .PanelArea .Tabs div.Active {text-align:center; height:20px; float:left; margin-right:1px; background-color:#fff; border-right:solid 1px #ccc; border-left:solid 1px #ccc; border-top:solid 1px #ccc; border-bottom:solid 1px #fff; color:#5F8C1F; }
.ShopProductDetails .PanelArea .Content {padding:20px;}
.ShopProductDetails .PanelArea .Reviews {}
.ShopProductDetails .PanelArea .Reviews .ReviewSegment {margin:0px 0px 20px 0px;}
.ShopProductDetails .PanelArea .Reviews .ReviewSegment .Name {float:left; display:block;}
.ShopProductDetails .PanelArea .Reviews .ReviewSegment .Rating {float:left; display:block; height:13px; margin:4px 0px 0px 5px;}
.ShopProductDetails .PanelArea .Reviews .ReviewSegment .Text {float:left; display:block;}
.ShopProductDetails .PanelArea .Reviews .ReviewArea {position:relative; padding-top:20px;}
.ShopProductDetails .PanelArea .Reviews .ReviewArea .Left {float:left; width:339px;}
.ShopProductDetails .PanelArea .Reviews .ReviewArea .Right {float:left; width:339px;}
.ShopProductDetails .PanelArea .Reviews .ReviewArea .Lower {float:left; width:678px;}
.ShopProductDetails .PanelArea .Reviews .ReviewArea .Lower p {display:block; float:left; margin-top:8px; margin-bottom:0px;}
.ShopProductDetails .PanelArea .Reviews .ReviewArea .Lower .SilverBtn {float:right;}
.ShopProductDetails .PanelArea .Reviews .ReviewArea .TextAreaW1 {width:319px; height:95px;}
.ShopProductDetails .PanelArea .Reviews .ReviewArea span.Rating {float:right; font-family:FuturaTL-Bold; font-size:1.6em; font-weight:normal; color:#555;}
.ShopProductDetails .PanelArea .Reviews .ReviewArea .Rating {margin:0 0 5px; padding:0; list-style:none; float:right;}
.ShopProductDetails .PanelArea .Reviews .ReviewArea .Rating li {list-style:none; padding:0; margin:0; float:left; height:18px}
.ShopProductDetails .PanelArea .Reviews .ReviewArea .Rating .StarOn, .MainDiv .Rating .StarOff {width:18px; background:url(/Content/Images/Sets/button_set.png) repeat-x -18px -0px;}
.ShopProductDetails .PanelArea .Reviews .ReviewArea .Rating .StarOn {background-position:0px 0px}
.ShopProductDetails .PanelArea .Reviews .star1, .star2, .star3, .star4, .star5 {cursor:pointer}
.ShopProductDetails .PanelArea .Reviews .ReviewArea .ValidationInfo {font-size:1.4em; margin-bottom:20px;}

.ShopProductDetails .PanelArea .Links {}

.ShopProductDetails .RelatedItems {margin-bottom:40px;}
.ShopProductDetails .RelatedItems h2 {margin-bottom:20px;}
.ShopProductDetails .RelatedItems .ListItem {height:60px; margin-bottom:4px; background-color:#eee;}
.ShopProductDetails .RelatedItems .ListItem:hover {background-color:#e8e8e8;}
.ShopProductDetails .RelatedItems .ListItem .ProductImage {width:60px; height:60px; background-color:#ddd; float:left; overflow:hidden; position:relative;}
.ShopProductDetails .RelatedItems .ListItem .ProductImage img {width:60px;  background-color:#ddd; float:left;}
.ShopProductDetails .RelatedItems .ListItem .ProductImage .Sale {width:80px; height:80px; display:block; background-image:url('/Content/Images/sale_small.png'); position:absolute; top:0px; z-index:100;}
.ShopProductDetails .RelatedItems .ListItem .ProductTitle {width:320px; height:16px; float:left; padding:22px 0px 22px 20px;}
.ShopProductDetails .RelatedItems .ListItem .ProductTitle a {font-size:1.6em; font-weight:bold; color:#5F8C1F;}
.ShopProductDetails .RelatedItems .ListItem .ProductTitle a:hover {color:#4f741a;}
.ShopProductDetails .RelatedItems .ListItem .ProductPrice {width:140px; height:16px; float:left; padding:22px 0px 22px 0px;}
.ShopProductDetails .RelatedItems .ListItem .ProductPrice span.From {color:#999; font-weight:bold; font-size:1.6em; margin-right:5px;}
.ShopProductDetails .RelatedItems .ListItem .ProductPrice span.Price {color:#cc092f; font-weight:bold; font-size:1.6em;}
.ShopProductDetails .RelatedItems .ListItem .AddToBasketButton {width:146px; height:36px; float:left; padding:14px 14px 10px 20px;}
.ShopProductDetails .RelatedItems .ListItem .AddToBasketButton .SilverBtn {float:right;}


/* ContactUs */
.ContactUs {width:960px;}
.ContactUs .FormSection {width:720px;}
.ContactUs p {margin-bottom:20px;}

/* Log In Page */
.LogInPage {width:960px;}
.LogInPage .Column1 {width:620px; float:left;}
.LogInPage .Column2 {width:340px; float:left;}
.LogInPage p {margin-bottom:20px;}

/* Register */
.LogInPage {width:960px;}
.LogInPage .Column1 {width:620px; float:left;}
.LogInPage .Column2 {width:340px; float:left;}
.LogInPage p {margin-bottom:20px;}

/* Static Page */
.StaticPage {}
.StaticPage h1 {font-size:3em;}
.StaticPage .Column1 {width:720px; margin-right:20px; height:500px; background-color:#eee; float:left;}
.StaticPage .Column2 {width:220px; height:500px; background-color:#eee; float:left;}

/* Pagination */
.Pagination {padding:20px 0px 20px 0px; font-family:FuturaTL-Bold;}
.Pagination .TextAndButtons {}

.Pagination .TextAndButtons .LeftButton {width:155px; float:left;}
.Pagination .TextAndButtons .LeftButton a {background-image: url('/Content/Images/image-arrow-left-button.png'); height:26px; width:26px; float:left; margin:5px 5px 0px 0px; display:block;}
.Pagination .TextAndButtons .LeftButton a:hover {background-image: url('/Content/Images/image-arrow-left-button-rollover.png');}
.Pagination .TextAndButtons .LeftButton .Inactive {background-image: url('/Content/Images/image-arrow-left-button.png'); height:26px; width:26px; float:left; margin:5px 5px 0px 0px; display:block;}
.Pagination .TextAndButtons .LeftButton span {font-size:1.3em; color:#555; display:block; margin-top:6px;}

.Pagination .TextAndButtons .CenterSection {width:140px; display:block; margin:auto; text-align:center; color:#555;}
.Pagination .TextAndButtons .CenterSection span {font-size:1.3em; color:#555; display:block; padding-top:6px;}

.Pagination .TextAndButtons .RightButton {width:125px; float:right; text-align:right;}
.Pagination .TextAndButtons .RightButton a {background-image: url('/Content/Images/image-arrow-right-button.png'); height:26px; width:26px; float:right; margin:5px 0px 0px 10px; display:block;}
.Pagination .TextAndButtons .RightButton a:hover {background-image: url('/Content/Images/image-arrow-right-button-rollover.png');}
.Pagination .TextAndButtons .RightButton .Inactive {background-image: url('/Content/Images/image-arrow-right-button.png'); height:26px; width:26px; float:right; display:block; margin:5px 0px 0px 10px;}
.Pagination .TextAndButtons .RightButton span {font-size:1.3em; color:#555; display:block; margin-top:6px;}

/* Wishlist */
.Wishlist h1 {font-size:4em;}

.Wishlist .SortingBar {height:40px; margin:20px 0px 20px 0px; background-color:#ddd; padding:0px 20px 0px 20px;}
.Wishlist .SortingBar .ListHeader a.Active {color:#5F8C1F; background-image:url('/Content/Images/down_arrow_icon_hover.png');}
.Wishlist .SortingBar .ListHeader {width:120px; height:29px; float:left; margin-right:20px; padding-top:11px;}
.Wishlist .SortingBar .ListHeader a {color:#555; font-family:FuturaTL-Bold; font-size:1.4em; float:left; background-image:url('/Content/Images/down_arrow_icon.png'); background-position:right 5px; padding-right:20px;}
.Wishlist .SortingBar .ListHeader a:hover {color:#5F8C1F; background-image:url('/Content/Images/down_arrow_icon_hover.png');}
.Wishlist .SortingBar .ListHeader a.ActiveDesc {color:#5F8C1F; background-image:url('/Content/Images/down_arrow_icon_hover.png');}
.Wishlist .SortingBar .ListHeader a.ActiveAsc {color:#5F8C1F; background-image:url('/Content/Images/down_arrow_icon_hover_asc.png'); background-position:right 4px;}
.Wishlist .SortingBar .PerPage {width:100px; height:30px; float:right; margin-left:20px; padding-top:10px;}
.Wishlist .SortingBar .GridIcon {width:20px; height:30px; float:right; margin-left:20px; padding-top:10px;}
.Wishlist .SortingBar .GridIcon a {background-image:url('/Content/Images/grid_view_icon.png'); height:20px; width:20px; display:block;}
.Wishlist .SortingBar .GridIcon a:hover {background-image:url('/Content/Images/grid_view_icon_hover.png'); height:20px; width:20px; display:block;}
.Wishlist .SortingBar .GridIcon a.Active {background-image:url('/Content/Images/grid_view_icon_hover.png'); height:20px; width:20px; display:block;}
.Wishlist .SortingBar .ListIcon {width:20px; height:30px; float:right; margin-left:20px; padding-top:10px;}
.Wishlist .SortingBar .ListIcon a {background-image:url('/Content/Images/list_view_icon.png'); height:20px; width:20px; display:block;}
.Wishlist .SortingBar .ListIcon a:hover {background-image:url('/Content/Images/list_view_icon_hover.png'); height:20px; width:20px; display:block;}
.Wishlist .SortingBar .ListIcon a.Active {background-image:url('/Content/Images/list_view_icon_hover.png'); height:20px; width:20px; display:block;}
.MainDiv .MainContent .Wishlist .SortingBar .PerPage .FormBox { width:auto;}

.Wishlist .ListView {}
.Wishlist .ListView .ListItem {height:60px; margin-bottom:4px; background-color:#f5f5f5;}
.Wishlist .ListView .ListItem:hover {background-color:#eeeeee;}
.Wishlist .ListView .ListItem .ProductImage {width:60px; height:60px; background-color:#ddd; float:left; overflow:hidden;}
.Wishlist .ListView .ListItem .ProductImage img {width:60px; background-color:#ddd; float:left;}
.Wishlist .ListView .ListItem .ProductTitle {width:380px; height:16px; float:left; padding:22px 0px 22px 20px;}
.Wishlist .ListView .ListItem .ProductTitle a {font-size:1.6em; font-weight:bold; color:#5F8C1F;}
.Wishlist .ListView .ListItem .ProductTitle a:hover {color:#4f741a;}
.Wishlist .ListView .ListItem .ProductPrice {width:140px; height:16px; float:left; padding:22px 0px 22px 0px;}
.Wishlist .ListView .ListItem .ProductPrice span.From {color:#999; font-weight:bold; font-size:1.6em; margin-right:5px;}
.Wishlist .ListView .ListItem .ProductPrice span.Price {color:#cc092f; font-weight:bold; font-size:1.6em;}
.Wishlist .ListView .ListItem .AddToBasketButton {width:146px; height:36px; float:left; padding:14px 14px 10px 20px;}
.Wishlist .ListView .ListItem .AddToBasketButton .SilverBtn {float:right;}
.Wishlist .ListView .ListItem .RemoveButton {width:146px; height:36px; float:left; padding:14px 14px 10px 20px;}
.Wishlist .ListView .ListItem .RemoveButton .SilverBtn {float:right;}

/* Basket */
.Basket {}
.Basket h1 {font-size:3em;}
.Basket .SortingBar {height:40px; margin:20px 0px 20px 0px; background-color:#ddd; padding:0px 20px 0px 20px;}
.Basket .SortingBar .ListHeader a.Active {color:#5F8C1F; background-image:url('/Content/Images/down_arrow_icon_hover.png');}
.Basket .SortingBar .ListHeader {height:29px; float:left; padding-top:11px;}
.MainDiv .MainContent .Basket .SortingBar .RightHeading { float:right;} 
.Basket .SortingBar .ListHeader span {color:#555; font-family:FuturaTL-Bold; font-size:1.4em; float:left;}

.Basket .PromotionArea {float:left; width:400px; margin-top:10px;}

.Basket .OrderDetails {margin-top:20px;}
.Basket .OrderDetails .Segment {width:480px; float:left;}
.Basket .OrderDetails .Segment {width:480px; float:left;}
.Basket .OrderDetails .Segment h2 {color:#5F8C1F;}

.Basket .ListView {}
.Basket .ListView .ListItem {height:60px; margin-bottom:4px; background-color:#f5f5f5; overflow:hidden;}
.Basket .ListView .ListItem:hover {background-color:#eeeeee;}
.Basket .ListView .ListItem .LeftSection {width:100%; float:left;}
.Basket .ListView .ListItem .RightSection {width:260px; float:right;}
.Basket .ListView .ListItem .RightSection.Ordered {width:380px; float:right;}
.Basket .ListView .ListItem .ProductImage {width:60px; height:60px; float:left; overflow:hidden;}
.Basket .ListView .ListItem .ProductImage img {width:60px; height:60px; float:left;}
.Basket .ListView .ListItem .ProductTitle {float:left; padding:12px 10px 11px 20px;}
.Basket .ListView .ListItem .ProductTitle a {font-size:1.6em; font-weight:bold; color:#5F8C1F; overflow:hidden;}
.Basket .ListView .ListItem .ProductTitle a:hover {color:#4f741a;}
.Basket .ListView .ListItem .ProductTitle span {font-size:1.4em; color:#555;}
.Basket .ListView .ListItem .ProductTitle.NoPadding {padding:0px 0px 0px 15px; height:60px;}
.Basket .ListView .ListItem .ProductTitle .ProdTitleTable {display:table; width:100%; height:100%;}
.Basket .ListView .ListItem .ProductTitle .ProdTitleTable .TitleCell {display:table-cell; vertical-align:middle;}
.Basket .ListView .ListItem .ProductPrice {float:left; width:65px; padding:21px 0px 0px 0px; margin-right:20px;}
.Basket .ListView .ListItem .ProductPrice span{color:#cc092f; font-weight:bold; font-size:1.6em;}
.Basket .ListView .ListItem .ProductPrice .Price { display:none;}
.Basket .ListView .ListItem .Qty {width:50px; float:left; padding:21px 0px 0px 0px; margin-right:20px;}
.Basket .ListView .ListItem .Qty .EditBoxW1 {width:40px; text-align:center; padding:0px; float:right; background-color:#fff;}
.Basket .ListView .ListItem .Qty span {font-weight:bold; font-size:1.6em; display:block; text-align:center;}
.Basket .ListView .ListItem .Qty .Quantity { display:none;}
.Basket .ListView .ListItem .Collect {width:105px; float:left; padding:21px 0px 0px 0px; margin-right:20px;}
.Basket .ListView .ListItem .Collect .EditBoxW1 {width:40px; text-align:center; padding:0px; float:right; background-color:#fff;}
.Basket .ListView .ListItem .Collect span {font-weight:bold; font-size:1.6em; display:block;}
.Basket .ListView .ListItem .Collect .Collection { display:none;}
.Basket .ListView .ListItem .EmptyBlock {width:105px; float:left; padding:21px 0px 0px 0px; margin-right:20px;}
.Basket .ListView .ListItem .EmptyBlock span {font-weight:bold; font-size:1.6em; display:block;}
.Basket .ListView .ListItem .SubTotal {float:left; width:80px; padding:21px 0px 0px 0px; margin-right:10px;}
.Basket .ListView .ListItem .SubTotal span {color:#cc092f; font-weight:bold; font-size:1.6em;}
.Basket .ListView .ListItem .SubTotal .Total { display:none;}

.Basket .Lower {min-height:60px; width:420px; float:right; margin-top:20px;}
.Basket .Lower .SilverBtn {float:right;}
.Basket .Lower .PriceOverview {clear:both; margin-top:20px;}
.Basket .Lower .PriceOverview table {width:420px;}
.Basket .Lower .PriceOverview table td.Sub {color:#555; font-family:FuturaTL-Bold; font-size:1.6em;}
.Basket .Lower .PriceOverview table td.Sub2 {color:#888; font-family:FuturaTL-Bold; font-size:1.4em;}
.Basket .Lower .PriceOverview table td.SubPrice {color:#555; font-family:FuturaTL-Bold; font-size:1.6em; text-align:right;}
.Basket .Lower .PriceOverview table td.SubPrice2 {color:#888; font-family:FuturaTL-Bold; font-size:1.4em; text-align:right;}
.Basket .Lower .PriceOverview table td.VAT {color:#555; font-family:FuturaTL-Bold; font-size:1.6em;}
.Basket .Lower .PriceOverview table td.VAT2 {color:#888; font-family:FuturaTL-Bold; font-size:1.4em;}
.Basket .Lower .PriceOverview table td.VATPrice {color:#555; font-family:FuturaTL-Bold; font-size:1.6em; text-align:right;}
.Basket .Lower .PriceOverview table td.VATPrice2 {color:#888; font-family:FuturaTL-Bold; font-size:1.4em; text-align:right;}
.Basket .Lower .PriceOverview table td.Total {color:#555; font-family:FuturaTL-Bold; font-size:2.4em; color:#5F8C1F;}
.Basket .Lower .PriceOverview table td.TotalPrice {color:#555; font-family:FuturaTL-Bold; font-size:2.4em; text-align:right; color:#5F8C1F;}
.Basket .Lower .RedBtn {margin-top:20px;}
.Basket .Lower .CardLogoArea {margin-top:20px;}
.Basket .Lower .CardLogoArea img {width:260px; float:right;}


/* AdhesiveList */
.AdhesiveList {}

.AdhesiveList {margin-bottom:40px;}
.AdhesiveList .Column1 {float:left; width:240px;}
.AdhesiveList .Column2 {float:left; width:720px;}

.AdhesiveList .SortingBar {height:40px; margin-bottom:20px; background-color:#ddd; padding:0px 20px 0px 20px;}
.AdhesiveList .SortingBar .ListHeader a.Active {color:#5F8C1F; background-image:url('/Content/Images/down_arrow_icon_hover.png');}
.AdhesiveList .SortingBar .ListHeader {width:120px; height:29px; float:left; margin-right:20px; padding-top:11px;}
.AdhesiveList .SortingBar .ListHeader a {color:#555; font-family:FuturaTL-Bold; font-size:1.4em; float:left;}
.AdhesiveList .SortingBar .ListHeader a:hover {color:#5F8C1F; background-image:url('/Content/Images/down_arrow_icon_hover.png'); background-position:right 5px; padding-right:20px;}
.AdhesiveList .SortingBar .ListHeader a.ActiveDesc {color:#5F8C1F; background-image:url('/Content/Images/down_arrow_icon_hover.png'); background-position:right 5px; padding-right:20px;}
.AdhesiveList .SortingBar .ListHeader a.ActiveAsc {color:#5F8C1F; background-image:url('/Content/Images/down_arrow_icon_hover_asc.png');  background-position:right 4px;padding-right:20px;}
.AdhesiveList .SortingBar .PerPage {width:100px; height:30px; float:right; margin-left:20px; padding-top:10px;}
.AdhesiveList .SortingBar .PerPage .FormBox {width:100px;}
.AdhesiveList .SortingBar .GridIcon {width:20px; height:30px; float:right; margin-left:20px; padding-top:10px;}
.AdhesiveList .SortingBar .GridIcon a {background-image:url('/Content/Images/grid_view_icon.png'); height:20px; width:20px; display:block;}
.AdhesiveList .SortingBar .GridIcon a:hover {background-image:url('/Content/Images/grid_view_icon_hover.png'); height:20px; width:20px; display:block;}
.AdhesiveList .SortingBar .GridIcon a.Active {background-image:url('/Content/Images/grid_view_icon_hover.png'); height:20px; width:20px; display:block;}
.AdhesiveList .SortingBar .ListIcon {width:20px; height:30px; float:right; margin-left:20px; padding-top:10px;}
.AdhesiveList .SortingBar .ListIcon a {background-image:url('/Content/Images/list_view_icon.png'); height:20px; width:20px; display:block;}
.AdhesiveList .SortingBar .ListIcon a:hover {background-image:url('/Content/Images/list_view_icon_hover.png'); height:20px; width:20px; display:block;}
.AdhesiveList .SortingBar .ListIcon a.Active {background-image:url('/Content/Images/list_view_icon_hover.png'); height:20px; width:20px; display:block;}

.AdhesiveList .ListView {}
.AdhesiveList .ListView .ListItem {height:60px; margin-bottom:4px; background-color:#f5f5f5;}
.AdhesiveList .ListView .ListItem:hover {background-color:#eeeeee;}
.AdhesiveList .ListView .ListItem .ProductImage {width:60px; height:60px; background-color:#ddd; float:left; overflow:hidden;}
.AdhesiveList .ListView .ListItem .ProductImage img {width:60px; min-height:60px; background-color:#ddd; float:left;}
.AdhesiveList .ListView .ListItem .ProductTitle {width:320px; height:16px; float:left; padding:22px 0px 22px 20px;}
.AdhesiveList .ListView .ListItem .ProductTitle a {font-size:1.6em; font-weight:bold; color:#5F8C1F;}
.AdhesiveList .ListView .ListItem .ProductTitle a:hover {color:#4f741a;}
.AdhesiveList .ListView .ListItem .ProductPrice {width:140px; height:16px; float:left; padding:22px 0px 22px 0px;}
.AdhesiveList .ListView .ListItem .ProductPrice span.From {color:#999; font-weight:bold; font-size:1.6em; margin-right:5px;}
.AdhesiveList .ListView .ListItem .ProductPrice span.Price {color:#cc092f; font-weight:bold; font-size:1.6em;}
.AdhesiveList .ListView .ListItem .AddToBasketButton {width:146px; height:36px; float:left; padding:14px 14px 10px 20px;}
.AdhesiveList .ListView .ListItem .AddToBasketButton .SilverBtn {float:right;}


/* -- Common class -- */
.display-block { display:block;}
.display-none { display:none;}
.clearfix{ clear:both; display:block;}


/* tree leaf plugin */
.tree-leaf { position: relative; }
.tree-leaf .tree-child-leaves { display: block; margin-left: 15px; }
.tree-leaf .hidden { display: none; }
.tree-leaf .hidden { visibility: hidden; }
.tree-leaf .tree-expando { background: #ddd; border-radius: 3px; cursor: pointer; float: left; height: 10px; line-height: 10px; position: relative; text-align: center; top: 5px; width: 10px; }
.tree-leaf .tree-expando:hover { background: #aaa; }
.tree-leaf .tree-leaf-text { cursor: pointer; float: left; margin-left: 5px; }
.tree-leaf .tree-leaf-text:hover { color: blue; }
.tree-leaf .tree-leaf-content:before, .tree-leaf .tree-leaf-content:after { content: " "; display: table; }
.tree-leaf .tree-leaf-content:after { clear: both; }


/* Click and Collect Label */
.CandCLabelTable {display:table; padding:10px 0px;}
.CandCLabelTable .ImgCell {display:table-cell; vertical-align:middle;}
.CandCLabelTable .Img {width:15px; height:15px; background:url(/Content/Images/Icon_ClickAndCollect.png) center center; background-size:100%;}
.CandCLabelTable .TxtCell {display:table-cell; vertical-align:middle; padding-left:10px; box-sizing:border-box; font-size:14px; font-weight:700;}

.ChkandLabelTable {display:table;}
.ChkandLabelTable .Label {display:table-cell; vertical-align:middle; font-size:12px; padding-right:10px; box-sizing:border-box; font-weight:600;}
.ChkandLabelTable .Check {display:table-cell; vertical-align:middle;}
.ChkandLabelTable .Check input  {position:relative; top:1px;}


/* Cookies */
.CookieBanner                                                   {display:none; position:fixed; z-index:100; bottom:0px; width:100%; min-width:320px; padding:15px 20px; box-sizing:border-box; background-color:#888;  color:#333333;}
.CookieBanner .CBTable                                          {display:table; width:100%; max-width:960px; margin:0px auto;}
.CookieBanner .CBTable .CBCell                                  {display:table-cell; vertical-align:middle;}
.CookieBanner .CBTable .CBCell.Btn                              {width:175px;}
.CookieBanner .CBTable .CBCell.Btn .SilverBtn                   {float:right; margin-bottom:0px;}
.CookieBanner .CBNoticeTable                                    {display:table; width:100%;}
.CookieBanner .CBNoticeTable .NoticeCell                        {display:table-cell; vertical-align:middle;}
.CookieBanner .CBNoticeTable .NoticeCell.CB                     {padding-right:15px; box-sizing:border-box;}
.CookieBanner .CBNoticeTable .NoticeCell.Info                   {padding-right:20px; box-sizing:border-box;}
.CookieBanner .CBNoticeTable .NoticeCell.Info .Txt              {font-size:1.6em; line-height:1.4em; font-weight:400; color:#ffffff;}
.CookieBanner .CBNoticeTable .NoticeCell.Info .Txt a:hover      {color:#ffffff;}
.CookieBanner .CBNoticeTable .NoticeCell.Info .Error            {display:none; font-size:1.6em; color:#ff0000; margin-top:5px;}
.CookieBanner .CBNoticeTable .NoticeCell.Info .Error.Show       {display:block;}
.CookieBanner.Show                                              {display:block;}




/* Gift Cards */
.GiftCardsList                              {}
.GiftCardsList .Item                        {margin-bottom:5px;}
.GiftCardsList .Item .Inner                 {display:flex; width:100%; background-color:#eeeeee;}
.GiftCardsList .Item .Inner .Img            {width:80px; height:80px;}
.GiftCardsList .Item .Inner .Img img        {width:100%; display:block;}
.GiftCardsList .Item .Inner .Desc           {display:flex; flex:1; justify-content:space-around; align-items:center; padding:20px;}
.GiftCardsList .Item .Inner .Desc .Left     {flex:1; text-align:left;}
.GiftCardsList .Item .Inner .Desc .Right    {text-align:right;}
.GiftCardsList .Item .Name                  {font-size:1.6em; font-weight:700; color:#4f741a;}
.GiftCardsList .Item .Date                  {font-size:1.2em; font-weight:300; color:#333333; margin-top:5px;}
.GiftCardsList .Item .Price                 {font-size:1.8em; font-weight:700; color:#cc092f;}

.GiftCardsBalance                           {display:flex; justify-content:flex-end; align-items:center; margin-top:15px;}
.GiftCardsBalance .Txt                      {font-size:1.6em; font-weight:700; color:#555555;}
.GiftCardsBalance .Nbre                     {font-size:2.4em; font-weight:700; color:#cc092f; margin-left:10px;}

.BtnGiftCards         {float:right; margin-right:10px;}



/* Bespoke Tree */
.TopLayout_BespokeTree                                                          {display:flex;}
.TopLayout_BespokeTree .Left                                                    {width:280px;}
.TopLayout_BespokeTree .Right                                                   {width:100%;}
.TopLayout_BespokeTree .Details                                                 {width:100% !important; box-sizing:border-box; float:none; padding-right:0px; min-height:inherit;}
.TopLayout_BespokeTree .Details .Header                                         {width:100% !important; box-sizing:border-box; margin-bottom:0px;}
.TopLayout_BespokeTree .Details .MiddleSection                                  {width:100% !important; box-sizing:border-box; height:inherit;}
.TopLayout_BespokeTree .Details .MiddleSection .RightSection                    {float:right;}
.TopLayout_BespokeTree .Details .BottomSection                                  {width:100% !important; box-sizing:border-box;}
.TopLayout_BespokeTree .Cart-Form                                               {width:100% !important; float:none !important;}
.TopLayout_BespokeTree .SlideshowParent                                         {width:280px !important;}
.TopLayout_BespokeTree .Cart-Form                                               {width:100% !important; float:none !important;}
.Cart-Form.BespokeTreeCart .ShopProductDetails                                  {position:relative; margin-bottom:60px;}
.Cart-Form.BespokeTreeCart .ProgressIcon                                        {position:absolute; top:41.5%; left:62%; transform:translate(-50%, -50%); width:60px;}
.Cart-Form.BespokeTreeCart .ProgressIcon.Hide                                   {display:none;}
.Cart-Form.BespokeTreeCart .ProgressIcon img                                    {width:100%;}
.Cart-Form.BespokeTreeCart .RedBtn                                              {float:right; position:relative;}
.Cart-Form.BespokeTreeCart .RedBtn .AddedSuccess                                {display:block; position:absolute; width:105px; top:36px; left:17px; z-index:10;}
.Cart-Form.BespokeTreeCart .RedBtn .AddedSuccessTop                             {display:block; background-image:url(/Content/Images/green_up_arrow.png); background-position:center 0px; width:97px; height:17px;}
.Cart-Form.BespokeTreeCart .RedBtn .AddedSuccessBottom                          {display:block; top:140px; color:#fff; padding:12px; font-weight:bold; font-size:1.4em; float:right; width:90px; text-align:center; background-color:#5F8C1F;}
.Cart-Form.BespokeTreeCart .RedBtn.AddToBasket.NoClick                          {opacity:0.8;}
.Cart-Form.BespokeTreeCart .RedBtn.AddToBasket.NoClick span.Centre a            {pointer-events:none;}
.Cart-Form.BespokeTreeCart .RedBtn.AddToBasket.NoClick:hover span.LeftEnd       {background-image:url(/Content/Images/red_btn_left.png);}
.Cart-Form.BespokeTreeCart .RedBtn.AddToBasket.NoClick:hover span.Centre        {background-image:url(/Content/Images/red_btn_centre.png);}
.Cart-Form.BespokeTreeCart .RedBtn.AddToBasket.NoClick:hover span.Centre input  {background-image:url(/Content/Images/red_btn_centre.png);}
.Cart-Form.BespokeTreeCart .RedBtn.AddToBasket.NoClick:hover span.RightEnd      {background-image:url(/Content/Images/red_btn_right.png);}

.Form_BespokeTree                                   {margin-top:20px;}
.Form_BespokeTree .FormBox                          {width:100%;}
.Form_BespokeTree .FormBox .FormLabel               {}
.Form_BespokeTree .FormBox .FormField               {}
.Form_BespokeTree .FormBox .FormField .DropDownW1   {width:100%; box-sizing:border-box;}



/* Datepicker */
.ui-datepicker-trigger                              {margin-left:10px;}