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

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-position:0% 0%;overflow-x: hidden !important;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;}
	/* 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:970px;max-width:1170px;}
	#SideBar_L, #SideBar_R {width:200px;}
	/* 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;}
#DesignImage2{max-width: 970px; min-width: 970px;}

#PageContainer11{padding-top: 15px;}

/* 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;}
#WebSiteHeader{position:relative;height:auto;text-align:left;border:0;padding:0; background-position: center 45px; background-repeat: no-repeat;background-image:none;}
#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;width:auto;}
#FooterClearance{position:relative;clear:both;height:0px;overflow:hidden;}
#FooterClearance span {display:none;}
#WebSiteFooter{clear:both;position:relative;border-style:solid;border-width:1px;border-bottom-width:0;border-left-width:0;border-right-width:0;padding:25px 0;font-weight:normal;font-style:normal;margin:0 auto;}
.ddSitemapLink{position:static;}
/* ** END: Primary declarations ** */

/* top bar */

.CustomNavWrapper {padding:40px 10px;margin-bottom: 0;position: relative;float: left;width: 100%;box-sizing: border-box; overflow-x: hidden;}
.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:0.9em;font-weight:normal;line-height:1.3em;}
.CustomNavIntroduction {font-size:.8em;line-height:1.3em;}
.CustomNav .CustomNavHeading{font-weight: bold; font-size:1em;}

.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;
              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:20px;}
.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:1em;font-weight:normal;padding-bottom:5px;}
.TopBar .CustomNavHeading{margin:15px 0;}
.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%;
}

.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.5em; padding-bottom: 10px;}
.WebsiteLinkBoxTop p{padding-bottom: 15px;}
.WebsiteLinkBoxBottom{clear: both;text-align:center; }
.WebsiteLinkBoxBottom .WebsiteLinkBoxBottomContent h1{font-size: 2em;}

#CompanyImage{width: auto; height: auto}
#CompanyImage img{display:block;max-width: 100%; height: auto;}
#CompanyImage.smaller{max-width:350px;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:15px 0 0 0;}
#SiteHeadingContainer {display:inline-block;float: left;}
#SiteHeading {font-size:2.5em;background-color:transparent;font-weight:bold;font-style:normal;margin:0;display:inline-block;float:left;width: 100%;}
#SiteSlogan{float:left;clear:left;font-weight:normal;font-size:0.93em;z-index:2;font-style:normal;margin:0px;padding:10px 0px 0px;max-width:100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
#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;
         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;}

#SideBar_L {display:inline-block;vertical-align:top;min-width:0;position:relative;box-sizing:border-box;float:left!important;}
#SideBar_L:empty {display:none;}
#SideBar_R {display:inline-block;vertical-align:top;min-width:0;position:relative;box-sizing:border-box;float:right;margin: 0 10px 0 0;}
#SideBar_R:empty {display:none;}
#SideBar_L + #Content {width:calc(100% - 200px);min-width:0!important;display:inline-block;float:right;}
#SideBar_L:empty + #Content {display:block;width:100%;}
#SideBar_R ~ #ProductLoop {display:inline-block;width:calc(100% - 200px - 20px);}
#SideBar_R:empty ~ #ProductLoop {display:inline-block;width:100%;}
#PageContainer10 {overflow:hidden;}

#Index1-spacer {float:left;width:100%;position:relative;margin-bottom:17px;height:30px;}
#Index1{right:0;max-width:100%;height:35px;float:right;z-index:100000;overflow-x:hidden;overflow-y:hidden;}
#idx1Sentinel{display:none;}
.idx1List {width:1000%;height:30px;display:block;margin:0;}
.idx1List ul {margin:0;}
.idx1List > li {display:inline-block;float:left;height:100%;}
.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.vcenter {}
.idx1List > li > a > span + i {font-size:0.8em;display:block;right:4px;opacity:0.75;}
.idx1List > li > a + ul {display:none;}
.idx1List > li > div {position:absolute;visibility:hidden;}
.idx1 {font-size:0.875em;}
.idx1Mouseover {font-size:0.875em;}
.idx1Sub {font-size:.875em;}
.idx1SubMouseover {font-size:.875em;}

#Index2{left:0;top:0;padding:0 10px;margin:10px 0 0;z-index:100000;font-size:0.87em;}
#idx2Sentinel{display:none;}
.idx2List {height:100%;display:block;margin:0;}
.idx2List ul {margin:0;}
.idx2List > li {display:block;}
.idx2List > li > a {position:relative;padding:1px 10px;line-height:1.4em;background-color:inherit;color:inherit;display:block;vertical-align:middle;font-weight: normal !important;border-bottom-style: solid;border-bottom-width: 1px;}
.idx2List > li > a > span {position:relative;display:block;padding:5px 0;}
.idx2List > li > a > span.vcenter {top:auto;transform:none;}
.idx2List > li > a > span + i {font-size:0.8em;display:block;right:4px;opacity:0.75;}
.idx2List > li > a + ul {display:none;}
.idx2List > li > div {position:absolute;visibility:hidden;}
.idx2List .sfmm-dropdown-trigger.dropdown-is-active {z-index:100001;}
.idx2 {font-size:1em;}
.idx2Mouseover {font-size:1em;}
.idx2Sub {font-size:0.875em;}
.idx2SubMouseover {font-size:0.875em;}
.idx2 > ul > li > a{font-weight:normal!important;padding: 8px 0 0 0;}
.idx2 > ul > li{border-bottom-style:solid;border-bottom-width:1px;}
.idx2Mouseover > ul > li{border-bottom-style:solid;border-bottom-width:1px;}

#idxSubpageNavigation {font-size:.88em;}

/* header divisions */

.header-mid-bar{float: left; width: 100%; position: relative;min-height: 75px;}
.header-left{float: left;max-width:50%;position:relative;}
.header-right{float: right;width:100%;position:relative;}
.clear{clear: both;}
.SearchButton.SearchButtonAdvanced {display: none !important;}

#ProductMediaShare{text-align: center; float: left; width: 100%;}
#AppLogo{width: 100% !important;clear: both;}




/* header divisions */

/* ** BEGIN: Other Design Images ** */
#DesignImage1{position:relative;top:0;padding:15px 0;background-position:0% 0%;float:left;}
#DesignImage2{top:0;}
#DesignImage3{position:relative;left:0;top:0;height:60px;width:100%;clear:both;}
#DesignImage3>span[class^='GC']{display:block;position:absolute;height:60px;left:-100%;right:-100%;z-index:-1;-webkit-transform:translateZ(0);}
#DesignImg4{background:url(../media/sf_darken.png); background-repeat: repeat; background-position: center top;}
/* ** END: Other Design Images ** */

/* ** BEGIN: ObjectFragments ** */
#Login{padding:5px 10px;text-align:center;font-size:.75em; position: relative; float: right; left: 0; top: 5px; height: 30px; margin-left: 5px; box-sizing: border-box;}
#Login a {background:transparent;}

#SwitchLang{position:relative;float:right;right:0;z-index:100001;font-size:12px;line-height:28px;cursor:pointer; margin: 5px 0 0;border-width:1px;border-style:solid; margin-left: 5px;}
#SwitchLang .SwitchLangOuter {display:block;text-align:center;height:28px;}
#SwitchLang [class*=icon-] {width:26px;line-height:28px;border-left-width:1px;border-left-style:solid;display:inline-block;float:right;}
#SwitchLang .SwitchLangName {padding:0 2px;display:inline-block;top:0px;float:left;position:relative;}
#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; width: 100%;}
#SwitchLang .SwitchLangInner a {display:block;border-top:1px dotted;padding:1px 2px;}
#SwitchLang .SwitchLangInner a img {border:1px solid #ffffff;}
#SwitchLang span.SwitchLangName{height: 28px;}

.wrap_bottom {position: absolute;right: 0;bottom: 0;padding-bottom: 0px;}

#MiniCart {position:relative;float:right;z-index:55;display:block;right:0;font-size:16px; margin: 5px 0 0px 5px;}
#MiniCartTotal {text-align:center;}
.MiniCartLink {}
#MiniCartTotal .MiniCartInner {display:block;}
#MiniCartTotal .MiniCartDesignImage1 {padding:0px;width:36px;height:100%;border-width:1px;border-style:solid;display:inline-block;line-height:28px;float:left;border-top-right-radius:0;border-bottom-right-radius:0;}
#MiniCartTotal .MiniCartTotalItemsQuantity {padding:0px 8px;border-width:1px;border-style:solid;left:-1px;font-size:1.2em;font-weight:bold;display:inline-block;top:0px;line-height:28px;float:left;position:relative;background-color:transparent;border-top-left-radius:0;border-bottom-left-radius:0;}

#Search{position:relative;right:0;float:right;z-index:700;display:block;border-width:1px;border-style:solid;background-color:transparent;}
#Search .SearchButton {width:28px;display:block;text-align:center;margin:0;line-height:36px;border-left-width:1px;border-left-style:solid;display:inline-block;float:left;}
#Search [class*=" icon-"] {font-size:16px;}
#Search .SearchTextField {float:left;width:430px;margin:0 4px;padding:0 5px;margin:0;font-size:12px;height:36px;text-align:left;border:none;}

#ProductMediaShare .media-share {margin:15px 10px;}
#ProductMediaShare .media-share li {display:inline-block;}
#ProductMediaShare .media-share li a[class^=icon-] {display:inline-block;font-size:1.125em;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 ** */

.WebSiteHtmlCodeBottom{text-align: center;}
.IndexCodeSnippetBottomContent{text-align: center;}

.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;text-align:center;}

/* ** START: HTML code snippets ** */
.WebsiteLinkBoxTop {margin:0 0 25px 0;}
.IndexCodeSnippetTop {padding:10px 10px 0 10px;}
.IndexCodeSnippetBottom {padding:0 10px 10px 10px;}
.PageHTMLCodeTop {margin:30px 0;}
.PageHTMLCodeBottom {margin:15px 10px;}
.PageCodeSnippetArea1 {margin:30px 10px;}
.PageCodeSnippetArea2 {margin:30px 0; float: left; width: 100%; clear: both;}
.PageHTMLCodeBottom h1{font-size: 2em;}
.PageCodeSnippetArea1 h1{font-size: 2em;}
.PageCodeSnippetArea2 h1{font-size: 2em;}
/* ** END: HTML code snippets ** */

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

.Banner {width:100%;margin:0 auto;position:relative;}
.Banner .gallery-box {clear:both;overflow:hidden;max-height:400px;height:400px;}
.Banner .gallery-buttons{position:absolute;bottom:0;right:0;padding:6px;width:auto;width:auto!important;}
.ThemeVersion-11 .Banner .gallery-buttons {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 .BannerBox a{float: left; width: 100%; height: 100%; position: relative;}
.Banner .BannerImage {vertical-align:middle;display:block;margin:0 auto;}
.Banner .BannerImage img {width:auto;max-width:100%;height:auto;max-height:100%;vertical-align: middle;}
.Banner .BannerBox{position:relative;width:970px;height:400px;overflow:hidden;text-align:center;line-height:400px;}
.Banner .BannerBox {
	line-height: normal !important;
}
.Banner .slide-controls {left:0;bottom:0;width:100%;position:absolute;background-color:rgba(128,128,128,0.5);}
.Banner .slide-controls .slide-desc {line-height:16px;text-align:left;margin:5px;font-size:12px;}
.Banner .slide-controls .slide-desc:empty {margin:0;}

.Banner .BannerInfo{position:absolute;z-index:9;text-align:left;line-height:100%;top:20px; right: 0; max-width: 450px; min-width: 300px;}
.BannerBox .BannerInfo .BannerFilter {display:inline-block;width:100%;max-width:100%;background:url(../media/sf_darken.png);padding: 0 20px;box-sizing: border-box;text-align: center;}
.BannerBox .BannerInfo .BannerTitle{width:auto;text-transform: uppercase;width:auto!important;margin:0;padding:10px;font-size:1.625em;font-weight:bold;line-height:1.2em;word-wrap:break-word;border-width:0px;border-style:solid;}
.BannerBox .BannerInfo .BannerIntroduction{width: 100%;margin: 0;padding: 10px;font-size: 0.750em;font-weight: normal;line-height: 1.2em;word-wrap: break-word;border-width: 0px;border-style: solid;max-width: 95%;margin: 0;}
.BannerBox .BannerInfo .BannerTitle {display: none !important;}
.BannerBox .BannerInfo .BannerIntroduction:empty {display: none;}

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

.PageLinkBoxWrapper .gallery-action{position:absolute;top:50%;margin-top: -38px;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;background: transparent; }
.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 0 15px;position:relative;overflow:hidden;text-align:left;cursor:pointer;border-width:1px;border-style:solid; box-sizing: border-box; max-width: 100%;}
.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:200px;height:200px;box-sizing: border-box;}
.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:1em;font-size:1.125em;word-wrap:break-word;vertical-align:middle;padding:10px;}
.PageLinkBox .PageLinkBoxDescription{font-size:0.875em;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;width:100%;padding: 10px 0 10px 10px; box-sizing:border-box;}
.BannerBottomWrapper .gallery-box{clear:both;overflow:hidden;height:242px;}
.BannerBottomWrapper .gallery-action{position:absolute;top:50%;-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);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.hide{display:none;}
.BannerBottomWrapper .gallery-action.icon-arrow-left3{left:10px;}
.BannerBottomWrapper .gallery-action.icon-arrow-right3{right:10px;}
.BannerBottomWrapper .BannerBottomImage img {display:block;}
.BannerBottom h1,.BannerBottom h2, .BannerBottom h3, .BannerBottom h4, .BannerBottom h5, .BannerBottom h6 {margin:0;}
.BannerBottom {overflow:hidden;position:relative;}
.BannerBottom .BannerBottomLink {display:block;}
.BannerBottom .BannerBottomItem {box-sizing:content-box;float:left;clear:none!important;margin:0 10px 0 0;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:278px;height:240px;}
.BannerBottom .BannerBottomImage img {position:relative;border:0;margin:0 auto;max-height:100%;max-width:100%;display:block; top: 50%;-webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);transform: translateY(-50%);}
.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;}


.ShopDiscountContainer {position:relative;box-sizing:border-box;text-align:center;}
.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:bold;font-size:.8125em;}
.NextPreviousLink table {margin:0 auto;}
#AutoSplitPageBottom, #AutoSplitPageTop {clear:left;text-align:center;margin:10px;}
#AutoSplitPageBottom table.NextPreviousLink {margin:0 auto;font-size:.8125em;}
span.NextPreviousLink{font-weight:bold;}
/* END: Page splitting */

.Breadcrumbs {font-size:.8125em;margin:0;overflow:hidden;padding-left:5px;padding:2px 0 2px 15px;position:relative;}

/* ** START: department objects ** */
.PageFootnote {padding:10px;clear: both;}
/* ** END: department objects ** */

/* ** START: product objects ** */
.ProductImage a {background-color:transparent;}
.QntyBox {display:inline-block;line-height:36px;vertical-align:middle;overflow:hidden;float:left;background-color:Window;color:WindowText;}
.QntyBox input {display:inline-block;font-size:0.9375em;padding:0 2px;text-align:right;border:none;min-height:36px;max-width:2.5em;float:left;}
.ProductQuantityUnit {display:inline;font-size:.75em;line-height:1em;}
.AddToBasketQnty {float:left;border-width:1px;border-style:solid;}
.AddToBasketButton {float:left;font-size:.875em;font-weight:bold;line-height:16px;border-style:solid;border-width:1px;max-width:9em;}
.AddToBasketButton .ImgLink {position:relative;min-height:36px;line-height:36px;padding:0 5px;background-color:transparent;}
.AddToBasketButton .ImgLink span {overflow:hidden;display:inline-block;height:100%;vertical-align:middle;line-height:16px;}
.AddToBasketButton .ImgLink [class^='icon-'] {font-size:1.2em;margin:0 5px 0 -1.2em;}
.FavoritesButton {float:left;font-size:1em;font-weight:bold;line-height:36px;min-width:36px;min-height:36px;text-align:center;vertical-align:middle;border-style:solid;border-width:1px;}
.FavoritesButton .ImgLink {min-height:36px;line-height:36px;background-color:transparent;}
.FavoritesButton .ImgLink [class^='icon-'] {line-height:36px;display:block;}
/* ** END: product objects ** */


.WebsiteLinkBoxTop.col{margin:0;padding:0 10px;width:20%;min-height:1px;box-sizing: border-box;}
.WebsiteLinkBoxTop.col h1{font-size: 1em;font-weight: bold;line-height: 1.3em;margin: 0 0 10px;padding: 0;}
.WebsiteLinkBoxTop.col input{width: 100%; height: 30px; padding: 0 10px; box-sizing: border-box; margin-bottom: 5px;}
.WebsiteLinkBoxTop.col input[type="submit"]{width: auto; padding: 8px 10px; height: auto;}
.WebsiteLinkBoxTop.col img{max-width: 100%; height: auto !important;}


#Sidemap #sidemap-close{position: relative; z-index: 999;}
#SwitchCurrency{float:right;margin:5px 0 0 5px;position: relative;z-index: 1;}
#SwitchCurrency .currencySymbol{padding: 0 15px;font-weight:bold; float: left;border-width: 1px; border-style: solid;font-style: normal; font-size:1.2em; height: 30px; box-sizing: border-box;}
#SwitchCurrency a{float: left;}
.new-elements{clear: right; width: 100%;}
@media all and (min-width:965px){
#PageContainer11.middle-wrap_col {position: relative;width: 100%;float: left;}
#SideBar_R + #PageContainer11.middle-wrap_col {position: relative;width: calc(100% - 220px);float: left;}    
}
@media all and (min-width:965px) and (max-width:1240px){
	#SideBar_L{min-width:0!important;width:200px;}
	#SideBar_L + #Content {width:calc(100% - 200px);min-width:0!important;display:inline-block;}
	#SideBar_R {min-width:0!important;width:200px;}
	#SideBar_R ~ #ProductLoop {width:calc(100% - 215px);}

	#SiteHeading{font-size:2.5em;}


	#Index1{max-width: 100%;}
	.idx1List > li > a {padding:0 8px;}

	.Banner .gallery-box {clear:both;overflow:hidden;height:281px;}
	.Banner .BannerBox{line-height:281px;height: 281px;width: 740px !important;}
        #DesignImage2{max-width: 740px !important; min-width: 740px !important;}

	.PageLinkBox .PageLinkBoxItem {}
	.PageLinkBox .PageLinkBoxImage {max-width:100%;}
        .PageLinkBoxWrapper .gallery-box{height: auto;}
	.BannerBottomWrapper .BannerBottom .BannerBottomImage {width:220px;height:190px;}
	.BannerBottomWrapper .gallery-box{height:190px;}
	.BannerBottomWrapper .gallery-action{top:50px;}

	#Search .SearchTextField{width: 125px;}
}
@media all and (min-width:768px) and (max-width:964px){
	body {font-size:90%;}

	#SideBar_L{min-width:0!important;width:200px;}
	#SideBar_L + #Content {width:calc(100% - 200px);min-width:0!important;display:inline-block;}
	#SideBar_R {min-width:0!important;width:200px;}
	#SideBar_R ~ #ProductLoop {width:100%;}

	#SiteHeading{font-size:2em;}
	#SiteSlogan{font-size:.875em;}
	#Index1{max-width:100%!important;}

	.idx1{font-size:1em;}
	.idx1MouseOver{font-size:1em;}
	.idx1List > li > a {padding:0 3.1px;}
	.idx2{font-size:.9em;}
	.idx2MouseOver{font-size:.9em;}
	.TopBar .CustomNav{font-size: 0.85em;}

	.Banner .gallery-box {clear:both;overflow:hidden;height:217px;}
	.Banner .BannerBox{line-height:217px; width: 525px !important; height: 217px;}

	.PageLinkBox .PageLinkBoxItem {}
	.PageLinkBox .PageLinkBoxImage {max-width:159px;height:141px;}
        .PageLinkBoxWrapper .gallery-box{height:141px;}
	.BannerBottomWrapper .BannerBottomItem {margin:0 6px 0 5px;}
	.BannerBottomWrapper .BannerBottom .BannerBottomImage {width:165px;height:142px;}
	.BannerBottomWrapper .gallery-box{height:142px;}

	#Search .SearchTextField{width: 125px;}
    #DesignImage2{min-width: 525px !important;max-width: 525px !important;}
    
    #PageContainer11 #SideBar_R {display: block !important;width: 98% !important;margin: auto;margin-top: 0px;}
    #PageContainer11 #SideBar_R .PageLinkBoxItem {width:32.5%;box-sizing: border-box;margin-right: 15px;}
    #PageContainer11 #SideBar_R .PageLinkBox {text-align: center;}
    #PageContainer11 #SideBar_R .PageLinkBoxItem {float: none;display: inline-block;margin: auto;}
    .PageLinkBoxWrapper {margin: 0 auto 50px;}
    .PageCodeSnippetArea1 {margin: 30px 10px 10px;}
    
    #SideBar_R.sidebar-col_show {display: block !important;width: 98% !important;margin: auto;margin-top: 15px;margin-bottom: 30px;}
    #SideBar_R.sidebar-col_show .PageLinkBoxItem {margin: 0 1.55% 0 0;width: 32%;float: left;box-sizing: border-box;margin-right: 15px;}
    #SideBar_R.sidebar-col_show .PageLinkBox {text-align: center;}
    
}
@media all and (max-width:768px){
        body {font-size:90%;}
        .ThemeVersion-11 #WebSite{float: left !important; width: 100% !important;}
        #WebSite #WebSiteContent{float: left !important;width: 100% !important;}
        .TopBar .CustomNav{font-size: 0.85em;}

	#SideBar_L + #Content {display:block;width:inherit!important;}
	#SideBar_R ~ #ProductLoop {display:block;width:inherit!important;}

	.BannerBottomWrapper {margin:0 0 25px 0;width:100%;}
	.BannerBottomWrapper .BannerBottom .BannerBottomImage {max-width:100%;max-height:100%;}
	.BannerMobile .BannerBox .BannerInfo .BannerIntroduction{font-size: 0.9em !important;}

	.BannerBottomWrapper .BannerBottom .BannerBottomItem {margin:0 1.55% 0 0;width:23%;}
        .BannerBottom .BannerBottomImage{height: 132px;}
	.BannerBottomWrapper .BannerBottom .BannerBottomImage {width:220px;}
        .BannerBottomWrapper .gallery-box{height: 132px;}
	.BannerBottomWrapper .flickity-slider {left:0!important;}

        .PageLinkBox .PageLinkBoxImage{width: 184px; height: 153px;}
        .PageLinkBoxWrapper .gallery-box{height: 153px;}
        .CustomNav.col{width: 100%; padding: 0 10px; box-sizing: border-box; margin-bottom: 15px;}
        .CustomNav:first-child {padding-left: 10px;}

        .WebsiteLinkBoxTop.col{width: 100%;}

        #PageContainer1 tbody{width:100%;float: left;}
        #PageContainer1 tbody tr{width:100%;float: left;}
        #PageContainer1 tbody tr td{width:100%;float: left; text-align: center;}
        #PageContainer1 tbody tr td img{width: auto; height: auto;}

        .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: left;}
		.CustomNav.col:nth-child(even){float: right;}
	.WebsiteLinkBoxTop.col {width:100%;padding:0 15px;border-width:0;font-size:1em;height:auto!important;}

        .WebsiteLinkBoxTop{width: 100%; padding: 0 15px; box-sizing: border-box;margin-bottom: 20px;}
        .WebsiteLinkBoxTop h1{margin: 0;}

        #AppLogo{float: left; width: 100%; left: 0 !important; margin: 0 !important;}
         .Breadcrumbs{font-size: 1em;}

    #PageContainer11 #SideBar_R {display: block !important;width: 100% !important;margin: auto;margin-top: 15px;}
    #PageContainer11 #SideBar_R .PageLinkBoxItem {width: 30%;float: left;box-sizing: border-box;margin-right: 15px;}
    .PageDescription .sf-cb.clearfix {max-width: 100% !important;}
    
    #PageContainer11 #SideBar_R .PageLinkBox {text-align: center;}
    #PageContainer11 #SideBar_R .PageLinkBoxItem {float: none;display: inline-block;margin: auto;}
    .PageLinkBoxWrapper {margin: 0 auto 50px;}
    .PageCodeSnippetArea1 {margin: 30px 10px 10px;}
    
     #SideBar_R.sidebar-col_show {display: block !important;width: 100% !important;margin: auto;margin-top: 15px;}
    #SideBar_R.sidebar-col_show .PageLinkBoxItem {margin: 0 1.55% 0 0;width: 32%;float: left;box-sizing: border-box;margin-right: 15px;}

    .PageDescription .sf-cb.clearfix {max-width: 100% !important;}
    
    #SideBar_R.sidebar-col_show .PageLinkBox {text-align: center;}
    .PageLinkBoxWrapper .gallery-box {clear: both;overflow: hidden;height: 210px;margin-bottom:20px;}
    .PageLinkBoxWrapper .gallery-action {display: block !important;}

}
@media all and (max-width:635px){
    #SideBar_R.sidebar-col_show .PageLinkBoxItem {width: 100%;}
    #PageContainer11 #SideBar_R .PageLinkBoxItem {width: 100%;}
    .PageDescription {padding: 10px !important;}
    
	.BannerBottomWrapper .BannerBottom .BannerBottomItem {margin:0 15px 0 0;width:calc(100% - 15px);}
	.BannerBottomWrapper .BannerBottom .BannerBottomImage {min-height:100px;width:100%;}
        .BannerBottom .BannerBottomImage{height: 240px;}
        .BannerBottomWrapper .gallery-box{height: 240px;}
        .PageLinkBoxWrapper .gallery-box{max-width: 98%;}
	.BannerBottomWrapper .BannerBottom .BannerBottomImage img {width:auto;height:auto;max-width:100%;max-height:100%;}
	.BannerBottom .BannerBottomDescription{font-size: 1em;}
}

.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{}
#SiteSlogan p{font-size:0.93em;font-weight:normal;}
#SiteSlogan td{font-size:0.93em;font-weight:normal;}
#SiteSlogan li{font-size:0.93em;font-weight:normal;}
/*
Version tag, please don't remove
$Revision: 46130 $
$HeadURL: svn://localhost/ShopFactory/branches/V14_60/bin/SFXTemplates/Themes/SFX-GIF-AA_bey-col/Website/website.css $
*/