/* The following colour values are populated automatically by the 'Customize design' mode. If modifying manually, mapping.xml also needs to be updated accordingly */
.GC1{background-color:#ffffff;color:#1c1c1c;border-color:transparent;}
.GC2{color:#1c1c1c;border-color:transparent;background-color:#ffffff;}
.GC3{color:#f7f7f7;background-color:#545454;border-color:transparent;}
.GC4,.GC4 a,a .GC4{background-color:#ffffff;border-color:#dedede;color:#1c1c1c;}
.GC5,.GC5 a,a .GC5{background-color:#FBBA00;color:#f7f7f7;border-color:transparent;}
.GC6,.GC6 a,a .GC6{background-color:#ffffff;border-color:#f4b22;color:#1c1c1c;}
.GC7{border-color:#f5f5f5;color:#f7f7f7;}
.GC8,.GC8 a,a .GC8{border-color:#f4b22;color:#ffffff;}
.GC9,.GC9 a,a .GC9{background-color:#000000;border-color:#f4b22;color:#f7f7f7;}
.GC10,.GC10 a,a .GC10{border-color:#dedede;color:#1c1c1c;}
.GC11{color:#1c1c1c;border-color:transparent;}
.GC12{color:#1c1c1c;border-color:transparent;}
.GC13,.GC13 a,a .GC13{background-color:#FBBA00;border-color:transparent;color:#f7f7f7;}
.GC14,.GC14 a,a .GC14{background-color:#000000;color:#f7f7f7;border-color:#FBBA00;}
.GC15,.GC15 a,a .GC15{border-color:#000000;color:#1c1c1c;}
.GC16{color:#1c1c1c;background-color:#ffffff;border-color:transparent;}
.GC17{color:#1c1c1c;border-color:transparent;}
.GC18{color:#1c1c1c;border-color:transparent;}
.GC19{color:#1c1c1c;border-color:transparent;}
.GC20{color:#1c1c1c;border-color:transparent;}
.GC21{color:#f7f7f7;border-color:transparent;background-color:#FBBA00;}
.GC22{color:#1c1c1c;background-color:#ffffff;border-color:transparent;}
.GC23{border-color:#000000;color:#1c1c1c;}
.GC24{border-color:#f4b22;color:#f4b22;}
.GC25{color:#1c1c1c;border-color:#FBBA00;}
.GC26{background-color:#FBBA00;border-color:#dedede;color:#f7f7f7;}
.GC27{background-color:#FBBA00;border-color:#FBBA00;color:#f7f7f7;}
.GC28,.GC28 a,a .GC28{border-color:#f5f5f5;color:#FBBA00;}
.GC29,.GC29 a,a .GC29{border-color:#000000;color:#1c1c1c;background-color:#ffffff;}
.GC30,.GC30 a,a .GC30{color:#f7f7f7;border-color:#545454;background-color:#000000;}
.GC31,.GC31 a,a .GC31{background-color:#f4b22;color:#1c1c1c;border-color:#000000;}
.GC32,.GC32 a,a .GC32{border-color:#000000;color:#1c1c1c;}
.GC33,.GC33 a,a .GC33{border-color:#dedede;color:#1c1c1c;background-color:#ffffff;}
.GC34,.GC34 a,a .GC34{border-color:#545454;color:#f7f7f7;background-color:#000000;}
.GC35,.GC35 a,a .GC35{background-color:#f4b22;border-color:#000000;color:#ffffff;}
.GC36{color:#f7f7f7;background-color:#FBBA00;border-color:transparent;}
.GC37{color:#1c1c1c;border-color:transparent;background-color:#ffffff;}
.GC38,.GC38 a,a .GC38{color:#000000;border-color:transparent;background-color:#f4b22;}
.GC39{color:#1c1c1c;border-color:transparent;}
.GC40{color:#1c1c1c;border-color:#dedede;background-color:#ffffff;}
.GC41{background-color:#ffffff;color:#1c1c1c;border-color:transparent;}
.GC42{color:#1c1c1c;border-color:transparent;}
.GC43{background-color:#FBBA00;border-color:transparent;}
.GC44,.GC44 a,a .GC44{color:#f7f7f7;background-color:#000000;border-color:transparent;}
.GC45,.GC45 a,a .GC45{background-color:#FBBA00;color:#f7f7f7;border-color:transparent;}
.GC46{border-color:transparent;}
.GC47{background-color:#FBBA00;border-color:#ffffff;color:#f7f7f7;}
.GC48,.GC48 a,a .GC48{background-color:#FBBA00;border-color:#FBBA00;color:#f7f7f7;}
.GC49,.GC49 a,a .GC49{border-color:#dedede;color:#f7f7f7;background-color:#545454;}
.GC50{color:#1c1c1c;border-color:#FBBA00;}
.GC51{background-color:#dedede;color:#1c1c1c;border-color:transparent;}
.GC52{color:#FF0303;border-color:transparent;}
.GC53{color:#1c1c1c;border-color:transparent;}
.GC54{color:#1c1c1c;border-color:transparent;}
.GC55{color:#1c1c1c;border-color:transparent;}
.GC56{color:#FF0303;border-color:transparent;}
.GC57{background-color:#ffffff;color:#1c1c1c;border-color:#FBBA00;}
.GC58{background-color:#000000;color:#f7f7f7;border-color:#FBBA00;}
.GC59{background-color:#000000;color:#f7f7f7;border-color:#FBBA00;}
.GC60{color:#1c1c1c;border-color:#000000;}
.GC61{color:#1c1c1c;border-color:transparent;}
.GC62{color:#000000;border-color:#f4b22;}
.GC63,.GC63 a,a .GC63{background-color:#f5f5f5;color:#1c1c1c;border-color:#545454;}
.GC64,.GC64 a,a .GC64{background-color:#545454;color:#f7f7f7;border-color:#545454;}
.GC65{color:#1c1c1c;border-color:#ffffff;}
.GC66{color:#1c1c1c;border-color:transparent;}
.GC67{color:#000000;border-color:transparent;}
.GC68{color:#000000;border-color:transparent;background-color:#000000;}
.GC69{color:#1c1c1c;border-color:transparent;}
.GC70{color:#1c1c1c;border-color:transparent;}
.GC71{color:#f7f7f7;border-color:transparent;background-color:#FBBA00;}
.GC72{color:#1c1c1c;border-color:#f5f5f5;}
.GC73{border-color:transparent;}
.GC74{border-color:transparent;}
.GC75{border-color:#dedede;color:#1c1c1c;}
.GC76{border-color:transparent;}
.GC77{border-color:transparent;}
.GC78{border-color:transparent;}
.GC79{border-color:transparent;background-color:#f5f5f5;color:#1c1c1c;}
.GC80{border-color:transparent;}
.GC81{border-color:transparent;}
.GC82{border-color:transparent;}
.GC83{border-color:transparent;}
.GC84{border-color:transparent;}
.GC85{border-color:transparent;}
.GC86{border-color:transparent;}
.GC87{border-color:transparent;background-color:#FBBA00;}
.GC88{border-color:transparent;}
.GC89{border-color:transparent;background-color:#f5f5f5;}
.GC90{border-color:transparent;}
.GC91,.GC91 a,a .GC91{background-color:#FBBA00;border-color:transparent;color:#f7f7f7;}
.GC92,.GC92 a,a .GC92{background-color:#000000;border-color:#000000;color:#f7f7f7;}

html /* scrollbars */{}
html body, div, p, td, input, select /* font */{font-family:'Open Sans', sans-serif , Arial, Helvetica, Tahoma;}
a{text-decoration:none;color:#0000FF;}
/* **** END: Base system colour styles and declarations **** */

/* ** BEGIN: Primary declarations ** */
* {margin:0;padding:0;} /* Forces all elements to default */
html {font-size:16px;text-align:center;}
body {font-size:100%;background-image: none;}
/* ** BEGIN: Website width and height ** */
	#WebSite, #WebSiteHeader {min-width:1170px;}
	#WebSiteContent, #WebSiteFooter {min-width:1170px;max-width:1170px;}
	#WebSiteHeaderInner, #DesignImage1, #DesignImage2 {min-width:1170px;max-width:1170px;}
	#PageLinkBoxWrapper {max-width:1170px;}
	/* Sum of the following elements width must equal WebSite width. Check other values further down this file for other elements which my be affected by these settings. */
	#Content {min-width:1170px;max-width:1170px;}
	/* Minimum website height */
	#WebSite, #SideBar_L, #WebSiteContent, #Content {min-height:500px;}
	/* ** END: Website width and height ** */
p {margin:0 0 .75em 0;}
ul, ol {clear:left;margin:0 0 0.5em 2.5em;}
li ul, li ol {margin-bottom:.25em;}
object {display:block;}
table[align=center] {margin:0 auto;}

/* site-wide common look */
.sf-corner {border-radius:0!important;}
.sf-button {}
.sf-button-glass {}
.ThemeVersion-11 .Product, .ThemeVersion-11 .Product .ProductMoreDetails, .ThemeVersion-11 .AddToBasketButton , .ThemeVersion-11 .FavoritesButton, .ThemeVersion-11 .ProductDetailsNav li, .ThemeVersion-11 #ProductDetailsNav li {border-radius:0;}
input[type=text], input.TextInput, input.ListBox, input.Button, select, textarea {border-radius:0!important;border-width:1px;border-style:solid;border-color:inherit;min-height:24px;}
div.header.mobile .sf-dropshadow {box-shadow:none;}
.sf-gradient {}
.ellipsis, .ellipsis > p {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
abbr, acronym {border-width:0;border-bottom-width:1px;border-bottom-style:dotted;}
input[type=checkbox], input[type=radio] {background-color:transparent;width:22px;height:22px;line-height:22px;}
input[type=button], input[type=submit], input[type=reset] {cursor:pointer;}
input[type=text], input.TextInput, select {padding:2px 0 2px 5px;}
textarea {padding:5px;}
.ImgLink {cursor:pointer;}
/* Drop-shadow effects */
#sfLightBox {-moz-box-shadow: 0px 0px 10px #000000;-webkit-box-shadow: 0px 0px 10px #000000;box-shadow: 0px 0px 10px #000000;}
#sfAddDiv, #MiniCartTotalContents, #MiniCartTotalDrawer {-moz-box-shadow: 3px 3px 5px #666666;-webkit-box-shadow: 3px 3px 5px #666666;box-shadow: 3px 3px 5px #666666;}
/* site-wide common look */


#WebSite{position:relative;margin:0 auto;text-align:left;border-width:1px;border-style:solid;overflow:hidden;background-image:url(../media/900dlx.jpg);min-width:1170px;min-height:500px;font-size:1em;background-position:center center;background-repeat:repeat-x;}
#WebSiteHeader{position:relative;height:auto;text-align:left;border:0;padding:0;}
#WebSiteHeaderInner{margin:0 auto;}
#WebSiteContent{position:relative;margin:0 auto;}
#Container1 {margin-bottom:2px;}
#Content{position:relative;margin:0 auto;padding:0;text-align:left;line-height:150%;display:block;padding-bottom: 0;background-image: none;}
#FooterClearance{position:relative;clear:both;height:0px;overflow:hidden;}
#FooterClearance span {display:none;}
#WebSiteFooter{position:relative;text-align:center;padding:25px 0;font-size:0.75em;font-weight:normal;font-style:normal;margin:0 auto;}
.ddSitemapLink{position:static;}
.inner-content{padding: 20px 0 0;}
/* ** END: Primary declarations ** */

#CompanyImage{display:block;}
#CompanyImage img{display:block;width: auto; max-width: 100%; height: auto;}
#CompanyImage.smaller{max-width:300px;width:auto;height:auto;}
#CompanyImage.smaller img{max-width:100%;width:auto; height: auto;}
#CompanyImage + #Index1-spacer{margin:30px 0 0 0;}
#DesignImage1 > div:first-child + #Index1-spacer {margin:50px 0 0 0;}
#SiteHeadingContainer {float: left;width: 100%;}
#SiteHeading {font-size:1.125em;background-color:transparent;font-weight:bold;font-style:normal;margin:0; line-height: 21px; display:inline-block; display:inline-block;max-width: 100%; text-overflow: ellipsis; overflow: hidden;white-space: nowrap;padding-right: 5px; box-sizing: border-box;}
#SiteSlogan{float:left;clear:left;font-weight:normal;font-size:0.75em;z-index:2;font-style:normal;margin:10px 0 0px 0; display: inline-block; vertical-align: middle; width: 100%; text-align: left;text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
#AppLogo{text-align:center;margin:0 auto;padding:10px;width: 70px; height:20px;background:url(../media/ShopFactory-powered.png);background-repeat: no-repeat;margin-bottom: 15px; margin-top: 15px;
         padding: 0 !important; background-position: center top;color: transparent;} /* Application logo */
#AppLogo:hover{background-position: center bottom;}
#LinkSF {margin:0 auto ! important;} /* Centers application logo */
#LinkSF a, #LinkSF span{color: transparent !important;}
span#LinkSF{background: none !important;}
.title-wrapper{float: left; clear: left;width: 30%;position: relative;}
.site-slogan{height: 50px !important;}
.bar-3{position: absolute;left: -100%; right: -100%;height: 50px;top: 0;z-index: -1;}

#Index1-spacer{}
#Index1{position:relative;right:0;max-width:100%;height:25px;float:none;z-index:99;margin-bottom:15px;display: inline-block;}
#idx1Sentinel{display:none;}
.idx1List {width:1000%;height:100%;display:block;margin:0;}
.idx1List ul {margin:0;}
.idx1List > li {display:inline-block;float:left;height:100%;border-top-width:0px;border-bottom-width:0px;border-right-width:0px;}
.idx1List > li > a {position:relative;padding:0 10px;background-color:inherit;color:inherit;height:100%;display:block;vertical-align:middle;}
.idx1List > li > a > span {position:relative;display:block;}
.idx1List > li > a > span + i {font-size:0.8em;display:block;right:4px;opacity:0.75;}
.idx1 {font-size:1.25em;}
.idx1Mouseover {font-size:1.25em;}
.idx1Sub {font-size:1.1em;}
.idx1SubMouseover {font-size:1.1em;}

#Index2{left:0;top:0;height:32px;z-index:100000;overflow:hidden;float:right;margin:1px 0 0 0;}
#idx2Sentinel{display:none;}
.idx2List {width:1000%;height:100%;display:block;margin: 0;}
.idx2List ul {margin:0;}
.idx2List > li {display:inline-block;float:left;height:100%;}
.idx2List > li > a {position:relative;padding:0 10px;background-color:inherit;color:inherit;height:100%;display:block;vertical-align:middle;}
.idx2List > li > a > span {position:relative;display:block;}
.idx2List > li > a > span + i {font-size:0.8em;display:block;right:4px;opacity:0.75;}
.idx2 {font-size:0.94em;}
.idx2Mouseover {font-size:0.94em;}
.idx2Sub {font-size:0.88em;}
.idx2SubMouseover {font-size:0.88em;}
.index2-wrapp{float:left;position:relative;margin:0;width:100%;}

#idxSubpageNavigation {font-size:0.87em;}

/* ** BEGIN: Other Design Images ** */
#DesignImage1{position:relative;top:0;padding:15px 0;background-position:0% 0%;height: auto; float: left;box-sizing: border-box;z-index: 9999; background-image: none;}
#DesignImage2{top:0;margin:0 0 20px 0;border: 0; height: 450px;}
#DesignImage3{position:relative;left:0;top:0;height:32px;width:100%;clear:both;padding-bottom: 15px;}
.top-designbar{display:block;position:absolute !important;height:100%;left:-100% !important;right:-100% !important;z-index:-1;-webkit-transform:translateZ(0);top:0; width: auto !important;}
#DesignBar1{background-position:center center;background-image: none;}
#DesignBar3{background-image: none;}
#footer-design{background-image: none;}
.DesignImage1{}
.design3Wrapp{float: right;width: auto;height: 42px;border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; padding: 0 5px;position:absolute;z-index: 1;right: 0;}
.designImageHeight{margin-bottom: 50px;float:left;}
#DesignImg4{background-image: url(../media/sf-darken.png);}
/* ** END: Other Design Images ** */

/* ** BEGIN: ObjectFragments ** */
#Login{padding:11px 13px;text-align:center;position: relative;z-index:1;width: auto;float:right;height:42px;font-size:0.9375em;box-sizing:border-box;top:0px;}
#Login a {background:transparent; text-decoration: none;}

#SwitchLang{float:right;z-index:999;font-size:0.75em;line-height:42px;cursor:pointer; position: relative; top: 0; right: 0; padding: 0; height: 42px; box-sizing: border-box;margin-left: 5px;}
#SwitchLang .SwitchLangOuter {display:block;text-align:center;height:42px;}
#SwitchLang [class*=icon-] {width:26px;line-height:42px;display:inline-block;float:right;max-height: 42px;margin-left: -12px;}
#SwitchLang .SwitchLangName {padding:0 2px 0 7px; top:0px; position:relative; color: transparent; width: 20px;height: 42px; line-height: 42px;padding-top: 2px;box-sizing: border-box;}
#SwitchLang .SwitchLangName img {border:1px solid #ffffff;}
#SwitchLang:hover .SwitchLangInner, #SwitchLang.over .SwitchLangInner {display:block;margin:0px;}
#SwitchLang .SwitchLangInner {display:none;clear:both;position: absolute;right: 0;white-space: nowrap;}
#SwitchLang .SwitchLangInner a {display:block;border-top:1px dotted;padding:1px 2px;height: 25px;line-height: 25px;}
#SwitchLang .SwitchLangInner a img {border:1px solid #ffffff;}

#PageImage{border-width: 5px; border-style: 5px;}
.PageImage img{display: block}

#MiniCart {position:relative;float:right;z-index:55;display:block;right:0;font-size:1em;top:0; height:42px;padding:6px 7px 7px 0;box-sizing:border-box;margin-left: 5px;}
#MiniCartTotal {text-align:center;}
.MiniCartLink {height:30px;}
#MiniCartTotal .MiniCartInner {display:block;}
#MiniCartTotal .MiniCartDesignImage1 {padding:0px;width:36px;height:100%;display:inline-block;line-height:30px;float:left;border-top-right-radius:0;border-bottom-right-radius:0; font-size: 1.25em; background: transparent;}
#MiniCartTotal .MiniCartTotalItemsQuantity {padding:0;left:-1px;font-size:0.75em;font-weight:bold;display:inline-block;top:0px;line-height:29px;float:left;position:relative;}

#Search{position:relative;right:0;top:0;float:right;z-index:700;display:block;background-color:transparent;width: auto;height: 42px; margin-left: 5px;}
#Search .SearchButton {width:40px;display:block;text-align:center;margin:0;line-height:42px;display:inline-block;float:left;height: 42px;}
#Search .SearchButtonAdvanced{border-left-width:1px;border-left-style:solid;}
#Search [class*=" icon-"] {font-size:22px;}
#Search .SearchTextField {float:left;width:170px;margin:0 4px;padding:0 5px;margin:0;font-size:0.75em;height:42px;text-align:left;border:none;min-height: 31px;}
.search-icon-new{position: relative; top: 0; width: 50px; float: right; height: 53px; right: 0;text-align: center;line-height: 53px; cursor: pointer; padding: 0; box-sizing: border-box;margin: -5px 0 0;}
.search-icon-new i{padding: 0; float: left; height: 53px; width: 50px; line-height: 53px;border-radius: 0;}
.search-wrapper-new{position: relative; float: right; width: auto;right: 0; top: 0; z-index: 999; height: 42px; padding: 0; box-sizing: border-box;margin-top: 0;}
.search-close{width: 50px; height: 50px; right: 0; top: 0; color: #fff; z-index: 999999; cursor: pointer; display: none; line-height: 57px; position: fixed;}


#ProductMediaShare .media-share {margin:15px 10px;position: relative; z-index: 1;}
#ProductMediaShare .media-share li {display:inline-block;}
#ProductMediaShare .media-share li a[class^=icon-] {display:inline-block;font-size:1.5em;font-style:normal;text-decoration:none;padding:10px;margin:0 5px 0 0;width:20px;height:20px;text-align:center;}
#ProductMediaShare .media-share li a[class^=icon-facebook] {background-color:#3C5897;}
#ProductMediaShare .media-share li a[class^=icon-twitter] {background-color:#00ADEC;}
#ProductMediaShare .media-share li a[class^=icon-google-plus] {background-color:#DD4C39;}
#ProductMediaShare .media-share li a[class^=icon-linkedin] {background-color:#019FE0;}
/* ** END: ObjectFragments ** */


.WebSiteFootnote {text-align:center;}
.ResellerLogOutIcon {width:70px;margin:0;padding:0;border-width:1px;border-style:solid;}
.ResellerLogInIcon {margin-top:3px;padding:0;}
.SignUp {font-family:inherit;font-weight:normal;text-align:center;}
.footer-design{display:block;position:absolute;height:100%;left:-100%;right:-100%;z-index:-1;-webkit-transform:translateZ(0);top:0;}
.website-html-bottom{float:left;width: 100%;height: auto;}
.sitemap-bot{width: 200px; margin: 0 auto; position: relative;}

/* ** START: HTML code snippets ** */
.WebsiteLinkBoxTop {margin:30px 0 0 0;}
.WebsiteLinkBoxBottom {margin:0 0 30px 0;}
.IndexCodeSnippetTop {margin:0;text-align:center;}
.IndexCodeSnippetBottom {margin:0;text-align:center;}
.PageHTMLCodeTop {padding:5px 0 30px 0;width: 100%;box-sizing: border-box;}
.PageHTMLCodeBottom {padding:0 10px 15px 10px;box-sizing: border-box;}
.PageCodeSnippetArea1 {margin:0 10px 30px 10px !important;clear: both;}
.PageCodeSnippetArea2 {margin:0 0 30px !important;}

/* ** END: HTML code snippets ** */

.WebsiteLinkBoxTop {margin:0; float: left; width: 20%; font-size: 0.8125em; padding-right: 25px; box-sizing: border-box;position: relative;}
.WebsiteLinkBoxTop h1{font-weight: bold; font-size: 1.2em; padding-bottom: 10px;}
.WebsiteLinkBoxTop p{padding-bottom: 15px;}
.WebsiteLinkBoxBottom {margin:0; float: left; width: 20%; text-align: left; font-size: 0.8125em; padding-right: 0; box-sizing: border-box;position: relative;}
.WebsiteLinkBoxBottom h1{font-weight: bold; font-size: 1.2em; padding-bottom: 10px;margin: 0;}
.WebsiteLinkBoxBottom p{ padding-bottom: 15px;}

.CustomNavWrapper {padding:40px 0;margin-bottom: 0;position: relative;float: left;width: 100%;box-sizing: border-box;}
.CustomNav.col {margin:0;padding:0 0 0 0;text-align:left;max-width:20%;width: 25%;box-sizing: border-box;position: relative;}
.CustomNav:first-child {padding-left:0;}
.CustomNav:last-child {padding-right:0;}
.CustomNavBox {padding:0 0 10px 0;float: left; width: 100%;}
.CustomNavBox:last-child {padding-bottom:0;}
.CustomNav a {display:block;clear:both;position:relative;background: transparent;}
.CustomNav a > img {width:50px;height:auto;margin:0 5px 0 0;top:0;float: left;}
.CustomNav a > img + .CustomNavInfo {text-align:left;display:inline-block; float: left;}
.CustomNavTitle {font-size:.9em;font-weight:normal;line-height:1.3em; }
.CustomNavIntroduction {font-size:.8em;line-height:1.3em;}
.CustomNav .CustomNavHeading{font-weight: bold; font-size:0.9em;}

.customnavDesign{display:block;position:absolute;height:100%;left:-100%;right:-100%;z-index:0;-webkit-transform:translateZ(0);top:0;  }

.TopBar{width:100%;height:auto;position:relative;z-index:999;float:left;}
.TopBarDesign{display:block;position:absolute !important;height:100%;left:-100% !important;right:-100% !important;-webkit-transform:translateZ(0);top:0; width: auto !important;
              box-shadow: #dedede 0 2px 4px;z-index: 0;background-image: none;}
.TopBar .gallery-box{clear:both;overflow:hidden;height:50px;display:inline-block;}
.TopBar .gallery-box.flickity-enabled{height:50px;display:block;}
.TopBar .gallery-action{position:absolute;top:50% !important;margin-top:-20px;z-index:9;padding:10px;font-size:18px;cursor:pointer;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;-o-border-radius:50%;opacity:0.7;filter:alpha(opacity=70);-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;}
.TopBar .gallery-action.icon-arrow-left3{left:20px;}
.TopBar .gallery-action.icon-arrow-right3{right:25px;}
.TopBar .CustomNav {position:relative;font-size:0.75em;margin:0;float:left;width:100%;height:100%;max-height:50px;box-sizing:border-box;text-align:left;}
.TopBar .CustomNav .CustomNavBox {float:left;display:inline-block;width:auto;height:100%;margin-right:10px;padding-right:10px; line-height: 16px;}
.TopBar .CustomNav a {line-height:normal;width:auto;height:100%;position:relative;box-sizing:border-box;display:inline-block;clear:none;float:left;}
.TopBar .CustomNav a:last-child{margin-right:0;}
.TopBar .CustomNav a .CustomNavInfo{position:relative;top:50%;-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);margin-left: 0; max-width: none;}
.TopBar .CustomNav a img{width:auto;max-height:50px;display:inline-block;float:left;margin-right:5px;}
.TopBar .CustomNav a img + .CustomNavInfo {float:left;}
.TopBar .CustomNav.col{border:0 !important;width:auto !important;}
.TopBar .CustomNavTitle{font-size:1.1em;font-weight:normal;padding-bottom:3px;}
.TopBar .CustomNavHeading{margin:15px 0; font-size: 1.1em;}
.mobile.header .TopBar {padding:0 10px;}
.mobile.header .TopBar + .utils {float:left;width:100%;box-sizing:border-box;}

.CustomNav.nav1{padding-right: 25px; box-sizing: border-box;}
.CustomNav.nav2{padding-right: 25px; box-sizing: border-box;}
.CustomNav.nav2 a > img + .CustomNavInfo{
    float: right; width: 75%;
}

.header-mid-bar {float: left;width: 100%;position: relative;min-height: 55px;}
.wrap_bottom {position: absolute;right: 0;bottom: 0;padding-bottom: 0px;}
#Search .SearchButtonAdvanced {display: none;}

/* ** START THEME OVER-RIDING STYLES FOR PAGE AND PRODUCT ** */
/* Control background-position */
.PageLinkBox, .Product, .ProductCrossPromotion {background-position:top;}

/* Start sfBannerSlider */
.slide-item img {display:block;}
.slide-nav.dots {white-space:nowrap;margin:5px;text-align:right;}
.slide-nav.dots a {background-color:#ffffff;border-color:1px solid #cccccc;}
.slide-nav.dots a.on {background-color:#aaaaaa;}
.slide-nav.arrow {position: absolute;z-index: 5;top: 50%;width: 40px;height: 40px;margin-top: -20px;line-height: 40px;text-align: center;cursor: pointer;color:#000000;background-color:#cccccc;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;opacity: 0.5;filter: alpha(opacity=50);-webkit-box-shadow: 0px 2px 6px 1px rgba(50,50,50,0.5);-moz-box-shadow: 0px 2px 6px 1px rgba(50,50,50,0.5);box-shadow: 0px 2px 6px 1px rgba(50,50,50,0.5);}
.slide-nav.arrow.left {left:-20px;}
.slide-nav.arrow.right {right:-20px;}
.slide-nav.arrow:after, .slide-nav.arrow:before {border:solid transparent;content:' ';height:0;width:0;position:absolute;}
.slide-nav.arrow.left:after {border-width:5px;border-right-color:#cccccc;top:15px;left:24px;}
.slide-nav.arrow.left:before {border-width:10px;border-right-color:#000000;top:10px;left:14px;}
.slide-nav.arrow.right:after {border-width:5px;border-left-color:#cccccc;top:16px;left:7px;}
.slide-nav.arrow.right:before {border-width:10px;border-left-color:#000000;top:11px;left:7px;}
/* End sfBannerSlider */

.Banner {width:100%;position: relative; left: 0;border: 0;}
.Banner .slide-runner .BannerImage img {position:absolute;}
.Banner .slide-runner .slide-item {height:auto!important;}
.Banner .slide-runner .slide-controls {left:0;bottom:0;width:100%;display:none;position:absolute;background-color:rgba(128,128,128,0.5);}
.Banner .slide-runner .slide-controls td {vertical-align:middle;}
.Banner .slide-runner .slide-controls .slide-desc {line-height:16px;text-align:left;margin:5px;font-size:0.75em;}
.Banner .slide-runner{margin: -1px 0 0;}


.Banner {width:100%;margin:0 auto;position: absolute;}
.Banner .slide-runner .slide-item {height:auto!important;}
.Banner .slide-runner .slide-controls {left:0;bottom:0;width:100%;display:none;position:absolute;background-color:rgba(128,128,128,0.5);}
.Banner .slide-runner .slide-controls td {vertical-align:middle;}
.Banner .slide-runner .slide-controls .slide-desc {line-height:16px;text-align:left;margin:5px;font-size:0.75em;}
.Banner .slide-runner{max-height: 450px;}
.Banner .gallery-box{height: 450px;overflow: hidden;clear: both;max-height: 450px !important;}
.Banner .singleImg{height: auto;overflow: hidden;clear: both;}
.Banner .BannerBox{width: 100%;height:100%;overflow: hidden;text-align: center;}
.Banner .gallery-buttons {position: absolute;bottom: 0;right: 0;padding: 10px;width: auto;width: auto!important;}
.Banner .gallery-buttons .button {display: block;float: left;width: 16px;height: 16px; margin: 0 4px;padding: 0px;cursor: pointer;background: #fff;border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;-o-border-radius: 50%;
                                  opacity: 0.6;filter: alpha(opacity=60);-moz-box-shadow: 0px 0px 10px #333;-webkit-box-shadow: 0px 0px 10px #333;box-shadow: 0px 0px 10px #333;}
.Banner .gallery-buttons .button.selected {opacity: 1;filter: alpha(opacity=100);}
.Banner a.BannerImage{float: left;width: 100%; height: 100%;}
.Banner a.BannerImage img {
	position: relative;
	display: inline-block;
	max-width: 100%;
	height: auto;
	max-height: 100%;
    margin: auto;
}

#Sidemap #sidemap-close{position:relative;z-index: 999;}

.PageLinkBoxWrapper {position:relative;overflow:hidden;clear:both;margin:30px auto;width:100%;}
.PageLinkBoxWrapper .flickity-slider {left:12px!important;}
.PageLinkBoxWrapper .PageLinkBoxImage img {display:block;}
.PageLinkBoxWrapper .gallery-box{clear:both;overflow:hidden;height:240px;}

.PageLinkBoxWrapper .gallery-action{position:absolute;top:77px;z-index:9;padding:10px;font-size:18px;cursor:pointer;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;-o-border-radius:50%;opacity:0.7;filter:alpha(opacity=70);-moz-user-select: none; -webkit-user-select: none; -ms-user-select: none;}

.PageLinkBoxWrapper .gallery-action.icon-arrow-left3{left:20px;}
.PageLinkBoxWrapper .gallery-action.icon-arrow-right3{right:25px;}
.PageLinkBox {overflow:hidden;position:relative; margin-top: 20px;}
.PageLinkBox h1,.PageLinkBox h2, .PageLinkBox h3, .PageLinkBox h4, .PageLinkBox h5, .PageLinkBox h6 {margin:0;}
.PageLinkBox .PageLinkBoxLink {display:block;}
.PageLinkBox .PageLinkBoxItem {box-sizing:content-box;float:left;clear:none!important;margin:0 14px;position:relative;overflow:hidden;text-align:left;cursor:pointer;border-width:1px;border-style:solid;}
.PageLinkBox .PageLinkBoxItem:hover .PageLinkBoxTextsContainer{height:auto;bottom:0;}
.PageLinkBox .PageLinkBoxItem:hover .PageLinkBoxDescription {height:auto;}
.PageLinkBox .PageLinkBoxImage {position:relative;vertical-align:middle;overflow:hidden;margin:0 auto;width:360px;height:240px;}
.PageLinkBox .PageLinkBoxImage img {position:relative;border:0;margin:0 auto;max-height:100%;max-width:100%;display:block;}
.PageLinkBox .PageLinkBoxTextsContainer{width:100%;position:absolute;bottom:-10px;padding-bottom:10px;left:0;height:auto;opacity:0.8;filter:alpha(opacity=80);transition:all 500ms;-ms-transition:all 500ms;-moz-transition:all 500ms;-webkit-transition:all 500ms;-o-transition:all 500ms;}
.PageLinkBox .PageLinkBoxTitle{font-weight:bold;line-height:1.25em;font-size:1.115em;word-wrap:break-word;vertical-align:middle;padding:10px;}
.PageLinkBox .PageLinkBoxDescription{font-size:0.95em;font-weight:normal;line-height:1.25em;word-wrap:break-word;vertical-align:middle;padding:0 10px;height:1px;}

.BannerBottomWrapper {position:relative;overflow:hidden;clear:both;margin:0 auto 30px 0;width:100%;}
.BannerBottomWrapper .flickity-slider {left:12px!important;}
.BannerBottomWrapper .gallery-box{clear:both;overflow:hidden;height:212px;}
.BannerBottomWrapper .gallery-action{position:absolute;top:88px;z-index:9;padding:10px;font-size:1.125em;cursor:pointer;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;-o-border-radius:50%;opacity:0.7;filter:alpha(opacity=70);-moz-user-select: none; -webkit-user-select: none; -ms-user-select: none;}
.BannerBottomWrapper .gallery-action.icon-arrow-left3{left:10px;}
.BannerBottomWrapper .gallery-action.icon-arrow-right3{right:10px;}
.BannerBottomWrapper .BannerBottomImage img {display:block;}
.BannerBottom {overflow:hidden;position:relative;}
.BannerBottom .BannerBottomLink {display:block;}
.BannerBottom .BannerBottomItem {box-sizing:content-box;float:left;clear:none!important;margin:0 14px;position:relative;overflow:hidden;text-align:left;cursor:pointer;border-width:1px;border-style:solid;}

.BannerBottom .BannerBottomItem:hover .BannerBottomTextsContainer{height:auto;bottom:0;}
.BannerBottom .BannerBottomItem:hover .BannerBottomDescription {height:auto;}
.BannerBottom .BannerBottomImage {position:relative;vertical-align:middle;overflow:hidden;margin:0 auto;width:360px;height:210px;}
.BannerBottom .BannerBottomImage img {position:relative;border:0;margin:0 auto;max-height:100%;max-width:100%;display:block;}
.BannerBottom .BannerBottomTextsContainer{width:100%;position:absolute;bottom:-10px;padding-bottom:10px;left:0;height:auto;opacity:0.9;filter:alpha(opacity=90);transition:all 500ms;-ms-transition:all 500ms;-moz-transition:all 500ms;-webkit-transition:all 500ms;-o-transition:all 500ms;}
.BannerBottom .BannerBottomTitle{font-weight:bold;line-height:1.25em;font-size:1em;word-wrap:break-word;vertical-align:middle;padding:10px;}
.BannerBottom .BannerBottomDescription{font-size:0.8125em;font-weight:normal;line-height:1.25em;word-wrap:break-word;vertical-align:middle;padding:0 10px;height:1px;}

.BannerBottomWrapper .gallery-action.icon-arrow-left3{left:20px;}
.BannerBottomWrapper .gallery-action.icon-arrow-right3{right:25px;}

.BannerInfo{position: absolute;left: 0; bottom: 0; width: 100%; }
.BannerBox .BannerInfo .BannerTitle{width:auto!important;margin:0 auto;padding:10px;font-size:1.5em;font-weight:600;line-height:1.2em;word-wrap:break-word;border-width:0px;border-style:solid; max-width: 700px;}
.BannerBox .BannerInfo .BannerIntroduction{width:auto;width:auto!important;margin:0;padding:10px;font-size:0.9em;font-weight:normal;line-height:1.2em;word-wrap:break-word;border-width:0px;border-style:solid;max-width: 75%; margin: 0 auto;}
.BannerBox .BannerInfo .BannerIntroduction:empty {display: none;}
.BannerBox .BannerInfo .BannerTitle {display: none;}

#BannerBottomTextsContainer{background-image: none;}
.ShopDiscountContainer {position:relative;box-sizing:border-box;text-align:center;z-index: 1;}
.ShopDiscountMessage {font-weight:bold;font-size:1em;padding:1em;position:relative;border-width:1px;border-style:solid;max-width:940px;margin:auto!important;}

/* START: Page splitting */
.NextPreviousLink, .NextPreviousLink a:hover{padding:2px 7px 2px 7px;text-align:center;font-weight:normal;font-size:1em;}
.NextPreviousLink table {margin:0 auto;}
#AutoSplitPageBottom, #AutoSplitPageTop {clear:left;text-align:center;margin:10px;}
#AutoSplitPageBottom table.NextPreviousLink {margin:0 auto;font-size:0.8125em;}
span.NextPreviousLink{font-weight:bold;}
/* END: Page splitting */

.Breadcrumbs {border-style:solid;border-width:1px;border-left-width:0px;border-right-width:0px;border-top-width:0px;font-size:0.8125em;margin:10px;overflow:hidden;padding-left:5px;padding:2px 0 2px 5px;position:relative;}

/* ** START: product objects ** */
.ProductImage a {background-color:transparent;}
.ProductIcons {position:relative;margin-top:10px;display:table;text-align:left;}
.is-detailed-view ~ #WebSite .ProductIcons {width:calc(100% - 10px - 10px);}
.ProductIcons * {box-sizing:border-box;}
.ProductIcons > * {vertical-align:top;}
.QntyBox {display:table;line-height:38px;vertical-align:middle;overflow:hidden;background-color:Window;color:WindowText;position:relative;min-height:38px;height:100%;}
.QntyBox input {display:table-cell;font-size:1.1em;text-align:center;border:none;min-height:38px;width:30px;position:relative;height:100%;}
.QntyBox > * {vertical-align:top;}
.ProductQuantityUnit {display:table-cell;min-height:38px;padding:0 2px;}
.AddToBasketQnty {border-width:1px;border-style:solid;min-height:40px;height:100%;display:table-cell;vertical-align:middle;min-width:30px;white-space:nowrap;}
.ProductIcons .AddToBasketSpacer {display:none;min-width:8px;max-width:8px;content:" ";}
.ProductIcons .AddToBasketQnty ~ .AddToBasketSpacer {display:table-cell!important;float:none!important;}
.ProductIcons .has-favorites ~ .AddToBasketSpacer {display:table-cell!important;float:none!important;}
.ProductIcons .AddToBasketButton {font-size:1em;}
.AddToBasketButton {display:table-cell;width:100%;font-size:1.2em;font-weight:bold;line-height:1;border-style:solid;border-width:1px;min-height:40px;text-align:left;}
.AddToBasketButton .ImgLink {position:relative;min-height:38px;line-height:32px;background-color:transparent;text-align:center;}
.AddToBasketButton .ImgLink span {height:100%;vertical-align:middle;line-height:1.1em;display:inline-block;}
.AddToBasketButton .ImgLink [class^='icon-'] {font-size:1.2em;margin:0 5px 0 -1.2em;}
.FavoritesButton {display:table-cell;font-size:1em;font-weight:bold;line-height:40px;width:40px;min-height:40px;text-align:center;vertical-align:middle;border:none;height:100%;}
.FavoritesButton .ImgLink {min-height:38px;line-height:38px;width:38px;background-color:transparent;}
.FavoritesButton .ImgLink [class^='icon-'] {line-height:38px;display:block;}
/* ** END: product objects ** */

.icon-enter:before {
    content: "\e603";
}

.footer-2-wrapp{float:left;width: 100%;background:#000;}

#SwitchCurrency{float:right;margin:0 0 0 5px;top:0px;position:relative;}
#SwitchCurrency .currencySymbol{padding: 7px 15px;font-weight:bold; float: left;border-width: 1px; border-style: solid;font-style: normal; font-size:1.2em; height: 42px; box-sizing: border-box;}
#SwitchCurrency a{float: left;}

.ProductTitle{font-size: 1em;}
.cross-icon-1234 {right: 55px !important;}

@media all and (min-width:965px) and (max-width:1240px){
	body {font-size:90%;}
        .title-wrapper{width: 25%;}
	#MiniCartTotal .MiniCartTotalItemsQuantity{padding: 0;}
	.TopBar .CustomNav{font-size: 0.85em;}

	.PageLinkBoxWrapper .PageLinkBox .PageLinkBoxItem {margin:0 10px;}
	.PageLinkBoxWrapper .PageLinkBox .PageLinkBoxImage {width:291px;height:161px;}
	.PageLinkBoxWrapper .gallery-box{height:163px;}
	.PageLinkBoxWrapper .gallery-action{top:61px;}
	.PageLinkBox .PageLinkBoxDescription{font-size: 0.9em;}

	.BannerBottomWrapper {max-width:940px;}
	.BannerBottomWrapper .BannerBottom .BannerBottomItem {margin:0 10px;}
	.BannerBottomWrapper .BannerBottom .BannerBottomImage {width:291px;height:195px;}
	.BannerBottomWrapper .gallery-box{height:197px;}
	.BannerBottomWrapper .gallery-action{top:75px;}
	.Banner a.BannerImage img{height: auto;}
	.BannerMobile .BannerBox .BannerInfo .BannerIntroduction{font-size: 0.8em !important;}
	.BannerBottom .BannerBottomDescription{font-size: 0.9em;}

	.ThemeVersion-11 #Content {overflow: visible !important;}
}
@media all and (min-width:768px) and (max-width:964px){
	body {font-size:90%;}

	.idx2List > li > a{padding: 0 7px;}
	#MiniCartTotal .MiniCartTotalItemsQuantity{padding: 0;}
	.TopBar .CustomNav{font-size: 0.85em;}


	.PageLinkBoxWrapper .PageLinkBox .PageLinkBoxItem {margin:0 9px;}
	.PageLinkBoxWrapper .PageLinkBox .PageLinkBoxImage {width:220px;height:122px;}
	.PageLinkBoxWrapper .gallery-box{height:124px;}
	.PageLinkBoxWrapper .gallery-action{top:40px;}

	.BannerBottomWrapper {max-width:724px;}
	.BannerBottomWrapper .BannerBottom .BannerBottomItem {margin:0 9px;}
	.BannerBottomWrapper .BannerBottom .BannerBottomImage {width:220px;height:148px;}
	.BannerBottomWrapper .gallery-box{height:150px;}
	.BannerBottomWrapper .gallery-action{top:55px;}
	.Banner a.BannerImage img{height: auto;}
	.BannerBottom .BannerBottomDescription{font-size: 0.9em;}

	.BannerBottomouter {padding:50px 0;}

        #Login{padding: 11px 8px;}
        .title-wrapper{width: 20%;}

	.ThemeVersion-11 #Content {overflow: visible !important;}
}
@media all and (max-width:768px){
	body {font-size:100%;}

	.PageLinkBoxWrapper .PageLinkBox .PageLinkBoxItem {margin:0 7px;width:31%;}
	.PageLinkBoxWrapper .PageLinkBox .PageLinkBoxImage {width:220px;height:122px;}
	.PageLinkBoxWrapper .flickity-slider {left:7px !important;}
	.PageLinkBoxWrapper .gallery-box{height:124px;}
	.PageLinkBoxWrapper .gallery-action{top:40px;}

	.BannerBottomWrapper {max-width:100%;}
	.BannerBottomWrapper .BannerBottom .BannerBottomItem {margin:0 7px;width:31%;}
	.BannerBottomWrapper .BannerBottom .BannerBottomImage {width:100%;height:auto;}
	.BannerBottomWrapper .flickity-slider {left:7px !important;}
	.BannerBottomWrapper .gallery-box{height:150px;}
	.BannerBottomWrapper .gallery-action{top:55px;}
	.BannerBottom .BannerBottomTitle {margin:0;}
	.BannerMobile .BannerBox .BannerInfo .BannerIntroduction, .BannerBox .BannerInfo .BannerIntroduction{font-size:0.85em !important;}
	.BannerBottom .BannerBottomDescription{font-size: 0.8em;}
	.PageCodeSnippetArea1ContentEditable h1, .HTMLCodeBottomContentEditable h1, .HTMLCodeTopContentEditable h1, .PageCodeSnippetArea2ContentEditable h1{font-size: 2em;}


	.BannerBottomouter {max-width:100%;left:0;margin-left:0;}
	#bottomBannerBG {background-size:cover!important;}

    .CustomNav.col {width:50%;padding:0 15px;border-width:0;font-size:1.1em;height:auto!important;max-width: 100%; box-sizing: border-box; margin-bottom: 20px;}
	.CustomNav.col:nth-child(odd){float: right;}
	.CustomNav.col:nth-child(even){float: left;}
	.WebsiteLinkBoxTop.col {width:100%;padding:0;border-width:0;font-size:1em;height:auto!important;}

        .WebsiteLinkBoxTop{width: 50%; padding: 0 15px; box-sizing: border-box;margin-bottom: 20px;}
        .WebsiteLinkBoxTop h1{margin: 0;}
        .WebsiteLinkBoxBottom{width: 50%; padding: 0 15px; box-sizing: border-box;}
        .WebsiteLinkBoxBottom h1{margin: 0;}
}
@media all and (max-width:635px){
	.PageLinkBoxWrapper .PageLinkBox .PageLinkBoxItem {margin:0 3% 0 0;width:100%;}
	.PageLinkBoxWrapper .PageLinkBox .PageLinkBoxImage {min-height:100px;width:100%;height:200px;}
	.PageLinkBoxWrapper .PageLinkBox .PageLinkBoxImage img {width:auto;height:auto;max-width:100%;max-height:100%;}
	.PageLinkBoxWrapper .gallery-box{height:202px;}
	.PageLinkBoxWrapper .gallery-action{top:80px;}

	.BannerBottomWrapper .BannerBottom .BannerBottomItem {margin:0 3% 0 0;width:100%;}
	.BannerBottomWrapper .BannerBottom .BannerBottomImage {min-height:100px;width:100%;height:240px;}
	.BannerBottomWrapper .BannerBottom .BannerBottomImage img {width:auto;height:auto;max-width:100%;max-height:100%;}
	.BannerBottomWrapper .gallery-box{height:242px;}
	.BannerBottomWrapper .gallery-action{top:95px;}

	.BannerBottomouter {padding:0;}
}

.TopBar .CustomNav a .CustomNavInfo {top: 0%; -ms-transform: translateY(-0%); -moz-transform: translateY(-0%); -webkit-transform: translateY(-0%); transform: translateY(-0%);}
.TopBar .CustomNav .CustomNavBox {display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;align-items: center;text-align: center;/*justify-content: center;*/white-space: nowrap;}

.Banner a.BannerImage, .PageLinkBox .PageLinkBoxImage, .BannerBottom .BannerBottomImage {display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;align-items: center;text-align: center;/*justify-content: center;*/}

.Banner .BannerBox {width: 100%;height: 100%;overflow: hidden;text-align: center;line-height: normal !important;table-layout: fixed;}
.Banner a.BannerImage {float: none;width: 100%;height: 100%;}
.Banner a.BannerImage img{margin: auto !important;}

.ContentBody p /* line-height */, .ContentBody td, .ContentBody li, .ContentBody label, .ContentBody h1[class][id], .ContentBody h2[class][id], .ContentBody h3[class][id], .ContentBody h4[class][id], .ContentBody h5[class][id], .ContentBody h6[class][id]{}
.ContentBody p /* font-weight */, .ContentBody td, .ContentBody li, .ContentBody label{}
#WebSite p{font-size:1em;}
#WebSite td{font-size:1em;}
#WebSite li{font-size:1em;}
.ThemeVersion-11{font-size:1em;}
.ThemeVersion-11 p{font-size:1em;}
.ThemeVersion-11 td{font-size:1em;}
.ThemeVersion-11 li{font-size:1em;}
/*
Version tag, please don't remove
$Revision: 46130 $
$HeadURL: svn://localhost/ShopFactory/branches/V14_60/bin/SFXTemplates/Themes/SFX-MUS-AA_did/Website/website.css $
*/