/* 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:#555555;border-color:#f0f0f0;}
.GC2{color:#555555;border-color:transparent;}
.GC3{color:#FFFFFF;background-color:#555555;border-color:transparent;}
.GC4,.GC4 a,a .GC4{background-color:#FFFFFF;border-color:#FFFFFF;color:#555555;}
.GC5,.GC5 a,a .GC5{background-color:#DCDCDC;color:#555555;border-color:transparent;}
.GC6,.GC6 a,a .GC6{background-color:#FFFFFF;border-color:#BABABA;color:#555555;}
.GC7{border-color:#878787;color:#FFFFFF;}
.GC8,.GC8 a,a .GC8{border-color:#BABABA;color:#555555;}
.GC9,.GC9 a,a .GC9{background-color:#16abdc;border-color:transparent;color:#555555;}
.GC10,.GC10 a,a .GC10{background-color:#FFFFFF;border-color:#DCDCDC;color:#555555;}
.GC11{color:#555555;border-color:transparent;}
.GC12{color:#555555;border-color:transparent;}
.GC13,.GC13 a,a .GC13{background-color:#3faa00;border-color:#FFFFFF;color:#FFFFFF;}
.GC14,.GC14 a,a .GC14{color:#555555;border-color:transparent;}
.GC15,.GC15 a,a .GC15{background-color:#DCDCDC;border-color:#DCDCDC;color:#555555;}
.GC16,.GC16 a,a .GC16{border-color:#DCDCDC;color:#555555;}
.GC17{color:#16abdc;border-color:transparent;}
.GC18{color:#555555;border-color:transparent;}
.GC19{color:#555555;border-color:transparent;}
.GC20{color:#3faa00;border-color:transparent;}
.GC21{color:#FF0303;border-color:transparent;}
.GC22{color:#555555;background-color:#FFFFFF;border-color:#DCDCDC;}
.GC23{border-color:#555555;color:#555555;}
.GC24{background-color:#FFFFFF;border-color:#BABABA;color:#FFFFFF;}
.GC25,.GC25 a,a .GC25{color:#FFFFFF;border-color:#000000;background-color:#3faa00;}
.GC26{background-color:#FFFFFF;border-color:#F9874f;color:#555555;}
.GC27{background-color:#FFFFFF;border-color:#DCDCDC;color:#555555;}
.GC28,.GC28 a,a .GC28{border-color:#DCDCDC;color:#555555;}
.GC29,.GC29 a,a .GC29{border-color:#f2f2f2;color:#FFFFFF;background-color:#767676;}
.GC30,.GC30 a,a .GC30{background-color:#3faa00;color:#FFFFFF;border-color:#878787;}
.GC31,.GC31 a,a .GC31{background-color:#16abdc;color:#FFFFFF;border-color:transparent;}
.GC32,.GC32 a,a .GC32{border-color:#767676;color:#555555;background-color:#f0f0f0;}
.GC33,.GC33 a,a .GC33{border-color:#878787;color:#FFFFFF;background-color:#3faa00;}
.GC34,.GC34 a,a .GC34{background-color:#16abdc;border-color:#878787;color:#FFFFFF;}
.GC35,.GC35 a,a .GC35{background-color:#FFFFFF;border-color:#3faa00;color:#555555;}
.GC36{color:#FFFFFF;background-color:#767676;border-color:transparent;}
.GC37{color:#555555;border-color:transparent;}
.GC38{background-color:#FFFFFF;color:#555555;border-color:#FFFFFF;}
.GC39{background-color:#FFFFFF;color:#555555;border-color:transparent;}
.GC40{background-color:#f0f0f0;color:#555555;border-color:transparent;}
.GC41{background-color:#FFFFFF;color:#555555;border-color:transparent;}
.GC42{color:#767676;border-color:transparent;}
.GC43{background-color:#FFFFFF;border-color:transparent;}
.GC44,.GC44 a,a .GC44{color:#555555;border-color:transparent;}
.GC45,.GC45 a,a .GC45{background-color:#FFFFFF;color:#FFFFFF;border-color:transparent;}
.GC46{background-color:#FFFFFF;border-color:transparent;}
.GC47{background-color:#767676;border-color:transparent;}
.GC48,.GC48 a,a .GC48{border-color:transparent;color:#878787;background-color:#FFFFFF;}
.GC49,.GC49 a,a .GC49{background-color:#FFFFFF;border-color:#555555;color:#555555;}
.GC50{color:#555555;border-color:#DCDCDC;background-color:#FFFFFF;}
.GC51{color:#555555;border-color:transparent;}
.GC52{color:#555555;border-color:transparent;}
.GC53{color:#555555;border-color:transparent;}
.GC54{color:#555555;border-color:transparent;}
.GC55{color:#555555;border-color:transparent;background-color:#16abdc;}
.GC56{color:#555555;border-color:transparent;}
.GC57{color:#555555;border-color:transparent;}
.GC58{color:#555555;border-color:transparent;}
.GC59{color:#555555;border-color:transparent;background-color:#f2f2f2;}
.GC60{background-color:#FFFFFF;color:#555555;border-color:#DCDCDC;}
.GC61{background-color:#FFFFFF;color:#555555;border-color:#DCDCDC;}
.GC62{background-color:#FFFFFF;color:#555555;border-color:#BABABA;}
.GC63,.GC63 a,a .GC63{background-color:#000000;color:#555555;border-color:#BABABA;}
.GC64,.GC64 a,a .GC64{background-color:#767676;color:#FFFFFF;border-color:#767676;}
.GC65{background-color:#FFFFFF;color:#555555;border-color:#FFFFFF;}
.GC66{color:#BABABA;border-color:transparent;}
.GC67{color:#555555;border-color:transparent;}
.GC68{color:#555555;border-color:transparent;}
.GC69{color:#555555;border-color:transparent;}
.GC70{color:#555555;border-color:transparent;}
.GC71{color:#555555;border-color:transparent;}
.GC72{background-color:#FFFFFF;color:#555555;border-color:#BABABA;}
.GC73{border-color:transparent;}
.GC74{border-color:transparent;}
.GC75{border-color:#dcdcdc;}
.GC76,.GC76 a,a .GC76{border-color:transparent;color:#555555;}
.GC77{border-color:transparent;}
.GC78{border-color:transparent;}
.GC79{border-color:transparent;background-color:#FFFFFF;color:#FFFFFF;}
.GC80{border-color:transparent;}
.GC81{border-color:transparent;}
.GC82{border-color:transparent;color:#3faa00;}
.GC83{border-color:transparent;}
.GC84{border-color:transparent;}
.GC85{border-color:transparent;}
.GC86{border-color:transparent;}
.GC87{border-color:transparent;}
.GC88{border-color:transparent;}
.GC89{border-color:transparent;}
.GC90{border-color:transparent;}

html /* scrollbars */{}
html body, div, p, td, input, select /* font */{font-family:'Source Sans Pro',Helvetica,Arial,sans-serif;}
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:18px;text-align:center;}
body {font-size:75%;background-image: none;}
/* ** BEGIN: Website width and height ** */
	#WebSite, #WebSiteHeader {min-width:1020px;}
	#WebSiteContent, #WebSiteFooter {min-width:1020px;max-width:1020px;}
	#WebSiteHeaderInner, #DesignImage1, #DesignImage2 {min-width:1020px;max-width:1020px;}
	#PageLinkBoxWrapper {max-width:1020px;}
	/* 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:1020px;max-width:1020px;}
	/* 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 a[href] {text-decoration:none;background-color:transparent;}
.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:0 0 0 5px;min-height:32px;}
textarea {padding:5px;}
.ImgLink {cursor:pointer;}
/* Drop-shadow effects */
#sfLightBox {}
#sfAddDiv, #MiniCartTotalContents, #MiniCartTotalDrawer {-moz-box-shadow: 3px 3px 5px #666666;-webkit-box-shadow: 3px 3px 5px #666666;box-shadow: 3px 3px 5px #666666;}
.header.mobile .utils #mobile_cart, .header.mobile .utils #util_search {display:none!important;}
/* site-wide common look */


#WebSite{position:relative;margin:0 auto;text-align:left;overflow:hidden;background-image: none;}
#WebSiteHeader{position:relative;height:auto;text-align:left;border:0;padding:0;}
#WebSiteHeaderInner{margin:0 auto;}
#WebSiteContent{position:relative;margin:0 auto;display: block !important;}
#Container1 {margin-bottom:2px;}
#Content{position:relative;margin:0 auto;padding:0;text-align:left;line-height:150%;display:block;padding-bottom: 2px;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:1em;font-weight:normal;font-style:normal;margin:0 auto;}
.ddSitemapLink{position:static;}
.inner-content{padding: 20px 0 0;}
/* ** END: Primary declarations ** */

#CompanyImage{width:350px; padding-bottom: 0; margin-top: 0;height: 30px; display: table;background: transparent;}
#CompanyImage img{display:block;max-width: 100%;height: auto;}
#CompanyImage a{display: table-cell; vertical-align: middle;background: transparent;}
#CompanyImage.smaller{max-width:250px;width:auto;height: auto;}
#CompanyImage.smaller img{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:1.2em;z-index:2;font-style:normal;margin: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;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.site-slogan{height: 50px !important;}
.bar-3{position: absolute;left: -100%; right: -100%;height: 50px;top: 0;z-index: -1;}

#DesignImage1 + img{display: none;}

#Index1-spacer{}
#Index1{position:relative;right:0;width:calc(100% - 50px);height:100%;z-index:99;background: transparent;}
#idx1Sentinel{display:none;}
#Index1 li:last-child {position:absolute;float:left;text-transform: uppercase;}
.idx1List {height:100%;display:block;margin:0;}
.idx1List ul {margin:0;}
.idx1List > li {display:inline-block;float:right;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.2em;}
.idx1Sub {font-size:1em;}
.idx1SubMouseover {font-size:1em;}
.idx1Submenu a.idx1Sub {font-size:1em;}
.idx1Submenu .idx1Sub {font-size:1.2em;}
.idx1Submenu .idx1Sub a {padding:10px;}
.idx1Submenu .idx1Sub a span {min-height:auto;}
.idx1Submenu .idx1SubMouseOver a {padding:10px;}

#Index2{left:0;top:0;height:40px;z-index:100000;font-size:1em;overflow:hidden;text-transform: uppercase;}
#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:1em;}
.idx2Sub {font-size:0.875em;}
.idx2SubMouseover {font-size:1.2em !important; line-height: 2.5em;}
.index2-wrapp{position:relative;margin:auto;display:inline-block;}
.idx2Submenu a.idx2Sub {font-size:1em;}
.idx2Submenu .idx2Sub {font-size:1.2em;}
.idx2Submenu .idx2Sub a {padding:10px;}
.idx2Submenu .idx2SubMouseOver a {padding:10px;}



/* ** BEGIN: Other Design Images ** */
#DesignImage1{position:relative;top:0;padding:5px 0;background-position:0% 0%;min-height:60px;height:100px;box-sizing: border-box;background-image: none;margin-top: 36px;}
#DesignImage2{position:fixed;top:0;margin:auto;background-position:0% 0%;box-sizing: border-box;z-index:16000003;background-image:none;height:36px;}
#DesignImage3{position:relative;left:0;top:0;height:0;width:100%;clear:both;}
.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-image:none;}
#DesignBar2{border-width:1px;border-style:solid;border-top-width:0;border-left-width:0;border-right-width:0;}
#footer-design{background-image:none;display:block;position:absolute;height:100%;left:-100%;right:-100%;z-index:0;-webkit-transform:translateZ(0);top:0;}
.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 ** */

.zopim{z-index:999999!important;top:36px!important;}
.ellip {display: block;height: 100%;}
.ellip-line {float: left;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;}
.ellip,.ellip-line {position: relative;overflow: hidden; max-width: 100%;}

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

#SwitchLang{position:absolute;right:0px;padding:0 5px;display:inline-block;cursor:pointer;z-index: 999;}
#SwitchLang .Outer {display:block;white-space:nowrap;text-align:right;border-width:0;border-style:solid;border-bottom:none;background-color:transparent;z-index:1;}
#SwitchLang .icon-caret-down {border-left-width:1px;border-left-style:solid;display:inline-block;font-size:.9em;}
#SwitchLang .SwitchLangName + i {display:none;}
#SwitchLang .SwitchLangName {display:inline-block;position:relative;}
#SwitchLang .SwitchLangName img {border:none;}
#SwitchLang:hover {border:1px solid #eeeeee;border-bottom:none;-moz-box-shadow:3px 3px 5px #bbbbbb;box-shadow:3px 3px 5px #bbbbbb;}
#SwitchLang:hover .Inner, #SwitchLang.over .Inner {display:block;margin:0px;}
#SwitchLang .Inner {position:absolute;transform:none;right:-1px;white-space:nowrap;display:none;clear:both;cursor:pointer;border:1px solid #eeeeee;-moz-box-shadow:3px 3px 5px #bbbbbb;box-shadow:3px 3px 5px #bbbbbb;}
#SwitchLang .Inner a {display:block;border-top:1px dotted;padding:10px;}
#SwitchLang .Inner a:first-child {border:none;}
#SwitchLang .Inner a img {border:none;margin:0 5px 0 0;}

#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:-5px; height:60px;padding:15px 7px 7px 0;box-sizing:border-box;}
#MiniCartTotal {text-align:center;}
#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;float:right;z-index:700;display:block;background-color:transparent;width: auto;height: 40px;}
#Search .SearchButton {width:40px;display:block;text-align:center;margin:0;line-height:48px;display:inline-block;float:left;height: 45px;}
#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:45px;text-align:left;border:none;min-height: 31px;}
.search-icon-new{position: relative; top: 0; width: 50px; float: right; height: 60px; right: 0;text-align: center;line-height: 60px; cursor: pointer; padding: 0; box-sizing: border-box;margin: -5px 0 0;}
.search-icon-new i{padding: 0; float: left; height: 60px; width: 50px; line-height: 60px;border-radius: 0;}
.search-wrapper-new{position: absolute; float: right; width: 263px;right: 0; top: 55px; z-index: 999; height: 47px; padding: 0; display: none; 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;}
.search-view{display: block;}

#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 ** */

.CustomNavWrapper {height:432px;width:1020px;margin:0 auto;position:relative;background-image:none;background-repeat:no-repeat; margin-bottom: 40px;}
.CustomNav {position:absolute;}
.CustomNav .CustomNavBox a {display:block;width:100%;height:100%;background-color:transparent;}
.CustomNav .CustomNavBox img {display:block;position:relative;max-width:100%;max-height:100%;height:auto;top:0;border:none;transition:all 1s ease-in-out;-ms-transition:all 1s ease-in-out;opacity:0.35; width: auto !important;}
.CustomNav .CustomNavBox a:hover img {filter:none;-webkit-filter:grayscale(0);-ms-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;opacity:1 !important;}

.CustomNavVideo {width:1020px;height:432px;}
.CustomNavCenter {width:1020px;height:432px;background-image:url(../media/banner-main.png);background-repeat:no-repeat;background-position:0 -100%;z-index:1;}
.CustomNavCenter .CustomNavBox  {position:absolute;}
/*.CustomNavCenter .CustomNavBox .CustomNavInfo {display:none;}*/
.CustomNavCenter .CustomNavBox .CustomNavInfo .CustomNavTitle{display: none;}
.CustomNavCenter .CustomNavBox .CustomNavInfo .CustomNavIntroduction{display: none;}
.CustomNavCenter .CustomNavBox.tile10 .CustomNavInfo .CustomNavIntroduction{display: block;}
.CustomNavCenter .CustomNavBox.tile10 .CustomNavInfo .CustomNavTitle{display: block;}

.CustomNavCenter .CustomNavBox.tile10 img {display:block;margin:auto;position:relative;max-width:100%;max-height:100%;height:auto;top:50%;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%);border:none;transition:all 1s ease-in-out;-ms-transition:all 1s ease-in-out;opacity:0;}

.CustomNavCenter .CustomNavBox a img {opacity:0;transition: none;-ms-transition:all 2s ease-out;-webkit-transition:all 2s ease-out;-moz-transition:all 2s ease-out;transition:all 2s ease-out;}
.CustomNavCenter .CustomNavBox:nth-child(1) a img {opacity:1;}
.CustomNavCenter .CustomNavBox.tile1 {left:0;top:0;width:287px;height:213px;background-position:-0px -0px;}
.CustomNavCenter .CustomNavBox.tile2 {left:294px;top:0; width:140px;height:103px;background-position:-294px -0px;}
.CustomNavCenter .CustomNavBox.tile3 {left:441px;top:0; width:140px;height:103px;background-position:-441px -0px;}
.CustomNavCenter .CustomNavBox.tile4 {left:588px;top:0; width:140px;height:103px;background-position:-588px -0px;}
.CustomNavCenter .CustomNavBox.tile5 {left:735px;top:0; width:285px;height:103px;background-position:-735px -0px;}
.CustomNavCenter .CustomNavBox.tile6 {left:294px;top:110px; width:140px;height:103px;background-position:-294px -110px;}
.CustomNavCenter .CustomNavBox.tile7 {left:441px;top:110px;width:140px;height:103px;background-position:-441px -110px;}
.CustomNavCenter .CustomNavBox.tile8 {left:588px;top:110px;width:432px;height:213px;background-position:-588px -110px;}
.CustomNavCenter .CustomNavBox.tile9 {left:0;top:220px;width:140px;height:103px;background-position:-0px -220px;}
.CustomNavCenter .CustomNavBox.tile10 {left:147px;top:220px;width:434px;height:103px;background-position:-147px -220px;}
.CustomNavCenter .CustomNavBox.tile10 .CustomNavInfo {display:block;max-height: 120px;}
.CustomNavCenter .CustomNavBox.tile10 h1 {font-size:26px;color:#ff0000;padding:0 15px;}
.CustomNavCenter .CustomNavBox.tile10 h2 {font-size:15px;color:#404040;padding:0 15px;margin-top:5px;}
.CustomNavCenter .CustomNavBox.tile11 {left:0;top:330px;width:140px;height:103px;background-position:-0px -329px;}
.CustomNavCenter .CustomNavBox.tile12 {left:147px;top:330px;width:140px;height:103px;background-position:-147px -329px;}
.CustomNavCenter .CustomNavBox.tile13 {left:294px;top:330px;width:434px;height:103px;background-position:-294px -329px;}
.CustomNavCenter .CustomNavBox.tile14 {left:735px;top:330px;width:285px;height:103px;background-position:-735px -329px;}
.CustomNavCenter .CustomNavBox.tile14 a img {opacity:1;}

.CustomNavCenter .CustomNavBox:nth-child(1) {left:0;top:0;width:287px;height:213px;background-position:-0px -0px;}
.CustomNavCenter .CustomNavBox:nth-child(2) {left:294px;top:0; width:140px;height:103px;background-position:-294px -0px;}
.CustomNavCenter .CustomNavBox:nth-child(3) {left:441px;top:0; width:140px;height:103px;background-position:-441px -0px;}
.CustomNavCenter .CustomNavBox:nth-child(4) {left:588px;top:0; width:140px;height:103px;background-position:-588px -0px;}
.CustomNavCenter .CustomNavBox:nth-child(5) {left:735px;top:0; width:285px;height:103px;background-position:-735px -0px;}
.CustomNavCenter .CustomNavBox:nth-child(6) {left:294px;top:110px; width:140px;height:103px;background-position:-294px -110px;}
.CustomNavCenter .CustomNavBox:nth-child(7) {left:441px;top:110px;width:140px;height:103px;background-position:-441px -110px;}
.CustomNavCenter .CustomNavBox:nth-child(8) {left:588px;top:110px;width:432px;height:213px;background-position:-588px -110px;}
.CustomNavCenter .CustomNavBox:nth-child(9) {left:0;top:220px;width:140px;height:103px;background-position:-0px -220px;}
.CustomNavCenter .CustomNavBox:nth-child(10) {left:147px;top:220px;width:434px;height:103px;background-position:-147px -220px;background: #fff;}
.CustomNavCenter .CustomNavBox:nth-child(10) .CustomNavInfo {display:block;max-height: 120px;position: relative;top:50%;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%);}
.CustomNavCenter .CustomNavBox:nth-child(10) .CustomNavTitle {font-size:23px;color:#555555;padding:0 15px;display: block;line-height: 23px;}
.CustomNavCenter .CustomNavBox:nth-child(10) .CustomNavIntroduction {font-size:16px;color:#7c7c7c;padding:0 15px;margin-top:5px;display: block;}
.CustomNavCenter .CustomNavBox:nth-child(11) {left:0;top:330px;width:140px;height:103px;background-position:-0px -329px;}
.CustomNavCenter .CustomNavBox:nth-child(12) {left:147px;top:330px;width:140px;height:103px;background-position:-147px -329px;}
.CustomNavCenter .CustomNavBox:nth-child(13) {left:294px;top:330px;width:434px;height:103px;background-position:-294px -329px;}
.CustomNavCenter .CustomNavBox:nth-child(14) {left:735px;top:330px;width:285px;height:103px;background-position:-735px -329px;}

.CustomNavLeftSide {left:-441px;height:432px;width:441px;overflow:hidden;}
.CustomNavLeftSide .CustomNavBox {float:left;width:140px;height:103px;margin:0 7px 7px 0;position:relative;}
.CustomNavLeftSide .CustomNavBox:nth-child(3n+1) img {opacity:0.10;}
.CustomNavLeftSide .CustomNavBox:nth-child(3n+2) img {opacity:0.15;}
.CustomNavLeftSide .CustomNavBox:nth-child(3n+3) img {opacity:0.35;}


.CustomNavRightSide {right:-587px;height:432px; width:587px;overflow:hidden;}
.CustomNavRightSide .CustomNavBox {float:left;width:140px;height:103px; margin:0 0 7px 7px;position:relative;}
.CustomNavRightSide .CustomNavBox:nth-child(3n+2) img {opacity:0.15;}
.CustomNavRightSide .CustomNavBox:nth-child(3n+3) img {opacity:0.10;}

.productFeatures{float: left;width:100%;position: relative; padding: 60px 0 30px;}
.productFeatures .CustomNav{position: relative; width: 100%;}
.productFeatures .CustomNav .CustomNavBox{float: left; width: 31%; margin: 0 1.16% 2%;padding: 15px; box-sizing: border-box; text-align: center; opacity: 1; }
.productFeatures .CustomNav .CustomNavBox img{opacity: 1;display: inline-block;}
.productFeatures .CustomNav .CustomNavBox .CustomNavTitle{font-size: 1.4em; margin-bottom: 7px;}
.productFeatures .CustomNav .CustomNavBox .CustomNavIntroduction{font-size: 1.2em;}


.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;}
.website-html-bottom{float:left;width: 100%;height: auto;}
.sitemap-bot{width: 200px; margin: 0 auto; position: relative;}

.WebsitePop #WebSiteContent #Content{font-family: 'Shadows Into Light Two', cursive;}
.WebsitePop #WebSiteContent #Content p{font-family: 'Shadows Into Light Two', cursive; font-size: 1.5em; line-height: 26px;}
.WebsitePop #WebSiteContent #Content:after{position: absolute; width: 44px; height: 30px; background: url(../media/speech-icon.png) no-repeat left top; bottom: -30px; left: 50px;}

/* ** START: HTML code snippets ** */
.WebsiteLinkBoxTop {margin:30px 0;text-align:center; display: none !important;font-size: 1.3em;}
.download-button a{padding: 10px;}
.WebsiteLinkBoxBottom {margin:0 0 30px 0;text-align:center;z-index:1;position:relative;}
.IndexCodeSnippetTop {margin:0;text-align:center;position: relative;z-index: 1;}
.IndexCodeSnippetBottom {margin:0 auto;text-align:center; max-width: 650px; font-size: 1.3em; line-height: 1.5em;margin-bottom: 20px;}
.IndexCodeSnippetBottom .download-button a{padding: 10px;}
.PageHTMLCodeTop {padding:5px 0 30px 0;text-align:center;float: left; width: 100%;box-sizing: border-box;}
.PageHTMLCodeBottom {padding:0 10px 15px 10px;text-align:center;box-sizing: border-box;}
.PageCodeSnippetArea1 {text-align:center;}
.PageCodeSnippetArea2 {margin:0 0 30px !important;text-align:center;}
/* ** END: HTML code snippets ** */

/* ** 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: relative;margin-bottom: 15px; margin-top: 40px;}
.Banner a {background-color:inherit;}
.Banner .gallery-box{position:relative;clear:both; height: 210px;}
.Banner .BannerBox{box-sizing:border-box;float:left;clear:none!important;margin:0 10px 0 0;width: 306px; height:100%;position:relative;overflow:hidden;text-align:left;cursor:pointer;border-width:1px;border-style:solid;}
.Banner .BannerBox:last-child{margin-right: 0;}
.Banner .gallery-box.flickity-enabled .BannerBox:last-child{margin-right: 10px;}
.Banner .gallery-buttons {position: absolute;bottom: 0;right: 0;padding: 10px;width: auto;text-align: right;width: 100%!important;}
.Banner .gallery-buttons .button {display: inline-block;float: none;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;max-width: 100%;width:360px;height:100px; overflow: hidden;text-align: center;}
.Banner a.BannerImage img{position: relative; top: 50%;-webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);transform: translateY(-50%);}
.BannerInfo{position: relative; width: 100%; -webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0); float: left; text-align: center;}
.BannerBox .BannerInfo .BannerTitle{width:auto!important;margin:0 auto;padding:10px 10px 5px;font-size:1.6em;font-weight:400;line-height:1.2em;word-wrap:break-word;border-width:0px;border-style:solid; float:none; max-width: 100%;}
.BannerBox .BannerInfo .BannerIntroduction{width:auto!important;margin:0 auto;padding:0 10px 15px 10px;font-size:1.2em;font-weight:normal;line-height:1.5em;word-wrap:break-word;border-width:0px;border-style:solid; float:none; clear: left; max-width: 100%;box-sizing: border-box; }

.flickity-prev-next-button{width: 38px !important; height: 38px !important;}
.flickity-prev-next-button{width: 38px !important; height: 38px !important;}
.flickity-prev-next-button.next{right: -40px !important;}
.flickity-prev-next-button.previous{left: -40px !important;}


.PageLinkBoxWrapper {position:relative;clear:both;margin:40px 0;width:100%;padding: 60px 0;}
.PageLinkBoxWrapper .PageLinkBoxImage img {display:block;}
.PageLinkBoxWrapper .gallery-box{clear:both;overflow:hidden;height:302px;}
.PageLinkBoxWrapper h1{position: relative; z-index: 1; text-align: center; margin-bottom: 15px;}

.PageLinkBoxWrapper .gallery-action{position:absolute;top:50%;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:-40px;}
.PageLinkBoxWrapper .gallery-action.icon-arrow-right3{right:-40px;}
.PageLinkBox {position:relative; }
.PageLinkBox h1,.PageLinkBox h2, .PageLinkBox h3, .PageLinkBox h4, .PageLinkBox h5, .PageLinkBox h6 {margin:0;}
.PageLinkBox .PageLinkBoxLink {display:block;background: transparent;}
.PageLinkBox .PageLinkBoxItem {box-sizing:content-box;float:left;clear:none!important;margin:0 15px 0 0;width: 330px;background: transparent;position:relative;overflow:hidden;text-align:left;box-sizing: border-box;}
.PageLinkBox .PageLinkBoxItem:hover .PageLinkBoxTextsContainer{height:auto;bottom:0;}
.PageLinkBox .PageLinkBoxItem:last-child{margin-right: 0;}
.PageLinkBox .PageLinkBoxItem:hover .PageLinkBoxDescription {height:auto;}
.PageLinkBox .gallery-box.flickity-enabled .PageLinkBoxItem:last-child{margin-right: 15px;}
.PageLinkBox .PageLinkBoxImage {position:relative;vertical-align:middle;overflow:hidden;margin:0 auto;width:333px;height:300px;}
.PageLinkBox .PageLinkBoxImage 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%);}
.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.125em;word-wrap:break-word;vertical-align:middle;padding:10px;}
.PageLinkBox .PageLinkBoxDescription{font-size:1em;font-weight:normal;line-height:1.25em;word-wrap:break-word;vertical-align:middle;padding:0 10px;height:1px;}
.pagelinkDesign {display: block;position: absolute !important;height: 100%;left: -50% !important;right: -50% !important;z-index: 0;-webkit-transform: translateZ(0);top: 0;width: auto !important;background-image: none;}
#pagelinkDesign{background-image:url(../media/design-bg.jpg);background-repeat:no-repeat;background-size: cover !important;}
.BannerBottomBar {display: block;position: absolute !important;height: 100%;left: -50% !important;right: -50% !important;z-index: 0;-webkit-transform: translateZ(0);top: 0;width: auto !important;background-image: none;}
#BannerBottomBar{background-image: none;}

.productFeaturesDesign {display: block;position: absolute !important;height: 100%;left: -100% !important;right: -100% !important;z-index: 0;-webkit-transform: translateZ(0);top: 0;width: auto !important;}
#productFeaturesDesign{background-image:url(../media/page-link-design.jpg);background-repeat:no-repeat;background-size: cover !important;}

.BannerBottomWrapper {position:relative;clear:both;width:100%; padding: 60px 0;}
.BannerBottomWrapper .flickity-slider {left:12px!important;}
.BannerBottomWrapper .gallery-box{clear:both;overflow:hidden;height:207px;}
.BannerBottomWrapper .gallery-action{position:absolute;top:40px;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 15px 0 0; width: 330px;position:relative;overflow:hidden;text-align:left;padding: 0 20px; box-sizing: border-box; background: transparent;}
.BannerBottom .BannerBottomItem:last-child{margin-right: 0;}
.BannerBottom .gallery-box.flickity-enabled .BannerBottomItem:last-child{margin-right: 15px;}
.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:100%;height:100px; padding: 0 20px; box-sizing: border-box;}
.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:relative;padding-bottom:10px;left:0;height:auto;opacity:0.9;filter:alpha(opacity=90);}
.BannerBottom .BannerBottomTitle{font-weight:bold;line-height:1em;font-size:1.5em;word-wrap:break-word;vertical-align:middle;padding:10px;text-align: center;}
.BannerBottom .BannerBottomDescription{font-size:1.4em;font-weight:normal;line-height:1.3em;word-wrap:break-word;vertical-align:middle;padding:0 10px;height:auto;text-align: center;}

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

.download-button{border-radius: 5px;font-weight: bold;}


#BannerBottomTextsContainer{background-image: none;}

.wowDesign{float: left;width: 100%; padding: 60px 0 40px; position: relative;}
.wowDesign .CustomNav{position: relative;width:100%; clear: both;}

.wowDesign .CustomNav .CustomNavBox{float: left; width: 100%; margin: 0;padding: 15px; box-sizing: border-box; background: #fff; text-align: center; opacity: 1; margin-bottom: 0;padding-bottom: 0;}
.wowDesign .CustomNav .CustomNavBox img{opacity: 1;display: inline-block;}
.wowDesign .CustomNav .CustomNavBox .CustomNavTitle{ font-size: 2em; margin-bottom: 5px;font-weight: normal;font-family: 'Shadows Into Light Two', cursive; line-height: 1.5em;}
.wowDesign .CustomNav .CustomNavBox .CustomNavIntroduction{font-size: 1.3em; line-height: 1.3em;font-family: 'Shadows Into Light Two', cursive; float: right;}
.wowDesign .CustomNav .navImg{min-height: 100px; float: left; width: 40%; margin-bottom: 5px;}
.wowDesign .CustomNav .CustomNavBox .CustomNavInfo{float: none; width: 67%; text-align: center;padding-top: 20px; position: absolute; right: 0; padding: 20px; background: #e6e6e6; text-align: left;
border-radius: 15px; font-family: 'Shadows Into Light Two', cursive;z-index: 1;}
.wowDesign .CustomNav .CustomNavBox .CustomNavInfo:after{width: 24px; height: 22px; position: absolute; left: -24px; bottom: 40px; content: "";background:url(../media/talk-icon.png) no-repeat left top;}


.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 {padding:2px 7px 2px 7px;text-align:center;}
.NextPreviousLink table {margin:0 auto;}
#AutoSplitPageBottom, #AutoSplitPageTop {clear:left;text-align:center;margin:10px;display: none;}
#AutoSplitPageBottom table.NextPreviousLink {margin:0 auto;font-size:0.8125em;}
.NextPreviousLink td {padding:3px 0;margin:3px 0;}
a.NextPreviousLink {border-width:1px;border-style:dotted;border-color:transparent;}
a.NextPreviousLink:hover {border-color:inherit;}
span.NextPreviousLink {border-width:2px;border-style:solid;}
/* END: Page splitting */

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

/* ** 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 ** */

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

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

.WebSiteFootnote {text-align:center;padding:15px 0;margin:0 auto;position:relative;z-index:1;}
#WebSite .WebSiteFootnote {margin:0 auto!important;}
.WebSiteFootnote .sf-button { text-transform: uppercase; }
.WebSiteFootnote ul[id^=footer-] li {display:inline-block;}
.WebSiteFootnote #footer-social-media {margin:0;}
.WebSiteFootnote #footer-social-media a[class^=icon-] {display:inline-block;font-size:1.5em;font-style:normal;text-decoration:none;padding:10px;margin:5px;width:20px;height:20px;}
.WebSiteFootnote #footer-social-media a[class^=icon-facebook] {background-color:#3C5897;}
.WebSiteFootnote #footer-social-media a[class^=icon-twitter] {background-color:#00ADEC;}
.WebSiteFootnote #footer-social-media a[class^=icon-google-plus] {background-color:#DD4C39;}
.WebSiteFootnote #footer-social-media a[class^=icon-linkedin] {background-color:#019FE0;}

.PageContentContainerOuter{min-height: 0px !important;}

#contactfrm{font-size: 1.2em;padding: 15px; box-sizing: border-box;}
#contactfrm .span_1_of_3{text-align: right;}
#contactfrm .span_2_of_3{text-align: left;}
#contactfrm input, #contactfrm textarea, #contactfrm select{width: 100%; box-sizing: border-box;min-height: 35px;}

#Content #idxSubpageNavigation{font-size: 1.3em; line-height: 2em;}
#Content #idxSubpageNavigation .idx2Submenu li a.idx2Sub{font-size: 1.2em;}

.newsletter-signup form .sf-button{padding: .8em .7em !important;}

/* Reseller login page */
#PageTitle-D-15 {text-align:center;font-size:2.8em;font-weight:normal;}
#page_login form strong {display:none!important;}


@media all and (min-width:1025px) and (max-width:1240px){
        .title-wrapper{width: 25%;}
	#SiteHeading{font-size:1.125em;}
	#SiteSlogan{font-size:0.7em;}
	#Index1 .idx1{font-size:1.2em!important;}
	#Index1 .idx1MouseOver{font-size:1.3em!important;}
	#Index2 .idx2{font-size:1em!important;}
	#Index2 .idx2MouseOver{font-size:1em!important;}
        #MiniCartTotal .MiniCartTotalItemsQuantity{padding: 0;}

	.PageLinkBoxWrapper .PageLinkBox .PageLinkBoxItem {width: 303px;}
	.PageLinkBoxWrapper .PageLinkBox .PageLinkBoxImage {width:303px;height:273px;}
	.PageLinkBoxWrapper .gallery-box{height:275px;}



	#Content {overflow:visible!important;}
	.BannerBottomWrapper {max-width:940px;}
	.BannerBottomWrapper .BannerBottom .BannerBottomItem {margin:0 15px 0 0; width: 293px; }
	.BannerBottomWrapper .BannerBottom .BannerBottomImage {width:100%;height:100px;}
	.BannerBottomWrapper .gallery-box{height:217px;}

	.ThemeVersion-11 #Content {overflow: visible !important;display:block;}

        .ThemeVersion-11 .sfstyle .Banner{margin-top: 40px !important; margin-bottom: 40px !important;}
        .Banner .BannerBox{width: 306px !important;}

	#WebSiteFooter {max-width:940px;}
}
@media all and (min-width:769px) and (max-width:1024px){
	#SiteHeading{font-size:1.125em;}
	#SiteSlogan{font-size:0.7em;width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
	#Index1 .idx1{font-size:1.1em!important;}
	#Index1 .idx1MouseOver{font-size:1.1em!important;}

        .idx2List > li > a{padding: 0 7px;}
        #MiniCartTotal .MiniCartTotalItemsQuantity{padding: 0;}

	.PageLinkBoxWrapper .PageLinkBox .PageLinkBoxItem {width: 230px;}
	.PageLinkBoxWrapper .PageLinkBox .PageLinkBoxImage {width:230px;height:207px;}
	.PageLinkBoxWrapper .gallery-box{height:209px;}


	.BannerBottomWrapper {max-width:724px;}
	.BannerBottomWrapper .BannerBottom .BannerBottomItem {width: 230px; padding: 0 5px;}
	.BannerBottomWrapper .BannerBottom .BannerBottomImage {width:230px;height:100px;}
	.BannerBottomWrapper .gallery-box{height:227px;}

	.BannerBottomouter {padding:50px 0;}

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

	.ThemeVersion-11 #Content {overflow: visible !important;display:block;}

        .Banner .BannerBox{width: 234px !important;}
        .sfstyle .Banner{margin-top: 40px !important; margin-bottom: 40px !important;}

        .wowDesign .CustomNav .CustomNavBox .CustomNavInfo{width: 65%;}
        .wowDesign .CustomNav .CustomNavBox .CustomNavTitle{font-size: 1.5em;}
        .wowDesign .CustomNav .CustomNavBox .CustomNavIntroduction{font-size: 1em;}

	#WebSiteFooter {max-width:724px;}
}
@media all and (max-width:768px){
	.PageLinkBoxWrapper .PageLinkBox .PageLinkBoxItem {margin:0 9px;width:30%; border: none; background: transparent;}
        .PageLinkBoxWrapper .PageLinkBox .PageLinkBoxItem a{background: transparent;}
	.PageLinkBoxWrapper .PageLinkBox .PageLinkBoxImage {width:100%;height:189px;}
	.PageLinkBoxWrapper .gallery-box{height:191px;}

        .BannerBottom .BannerBottomDescription{font-size: 1.3em;}


	.BannerBottomWrapper {max-width:100%;}
	.BannerBottomWrapper .BannerBottom .BannerBottomItem {margin:0 9px;width:30%;}
	.BannerBottomWrapper .BannerBottom .BannerBottomImage {width:100%;height:100px;}

	.BannerBottomWrapper .gallery-box{height:247px;}

	.BannerBottom .BannerBottomTitle {margin:0;}

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

	.CustomNavWrapper {height:432px;width:767px;margin:0 auto;position:relative;}
	.CustomNavVideo {width:767px;}
	.CustomNavCenter {left:-147px;}
	.CustomNavCenter .CustomNavBox.tile10 h1 {margin:0;}
	.CustomNavCenter .CustomNavBox.tile10 h2 {margin:4px 0 0;}

	.WebSiteFootnote.group > div {float:none;}
	.WebsiteLinkBoxBottom {margin:0;}
	#WebSiteFooter {padding:0;}
	#footer-free-trial-button {margin:30px 0 0 0;}

        .PageLinkBoxWrapper .gallery-action.icon-arrow-left3{left: 0;}
        .PageLinkBoxWrapper .gallery-action.icon-arrow-right3{right: 0;}

        .productFeatures .CustomNav .CustomNavBox{width: 46%; margin: 0 2% 4%;}

	.zopim{top:auto!important;}


        .PageFooter{padding: 60px 15px; box-sizing: border-box;}

        #AppLogo{margin-top: 20px !important; margin-bottom: 20px !important;}

        .Banner, .Banner-Slider{display: block !important;}

        .BannerMobile.mobile{display: none !important;}
        .sfstyle .Banner{margin-top: 40px !important; margin-bottom: 40px !important;}
        .Banner .BannerBox{width: 100%;}
        .Banner a.BannerImage{width: 100%;}
        .Banner a.BannerImage img{width: auto !important;}

        .wowDesign .CustomNav .CustomNavBox .CustomNavInfo{width: 62%; right: 10px;}
        .wowDesign .CustomNav .CustomNavBox .CustomNavTitle{font-size: 1.5em;}
        .wowDesign .CustomNav .CustomNavBox .CustomNavIntroduction{font-size: 1em;}

        .PageImage{transform: translateX(0) !important; -ms-transform: translateX(0) !important;-webkit-transform: translateX(0) !important;-moz-transform: translateX(0) !important;}
        #Content #PageContainer11{width: 100% !important;}
        #Content #PageContainer1{width: 100% !important;margin: 0 auto !important; padding: 0 15px; box-sizing: border-box;}
        .PageHTMLCodeTop{font-size: 1em;}

        .span_1_of_3{width: 43% !important;}
        .span_2_of_3{width: 55.13% !important;}

        .IndexCodeSnippetBottom{padding: 0 15px;}
        .PageHTMLCodeTop{padding: 0 15px;}
        .featureList #features_menu{word-break: break-all;}
        #ProductLoop{padding: 0 15px;}
        .newsletter-signup form input{margin: 5px 0 !important;width: 100%; box-sizing: border-box;}
}
@media all and (max-width:635px){
	.PageLinkBoxWrapper .PageLinkBox .PageLinkBoxItem {margin:0 15px 0 0;width:100%;}
	.PageLinkBoxWrapper .PageLinkBox .PageLinkBoxImage {min-height:100px;width:100%;height:287px;}
	.PageLinkBoxWrapper .PageLinkBox .PageLinkBoxImage img {width:auto;height:auto;max-width:100%;max-height:100%;}
	.PageLinkBoxWrapper .gallery-box{height:287px;}

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

	.BannerBottomouter {padding:0;}
}
@media all and (max-width:555px){
    .wowDesign .CustomNav .navImg{
        width: 40%;
    }
    .wowDesign .CustomNav .CustomNavBox .CustomNavInfo{
        width: 55%;
    }
    .wowDesign .CustomNav .CustomNavBox .CustomNavInfo:after{bottom: 67px;}
}
@media all and (max-width:480px){
    #contactfrm .span_1_of_3{
        text-align: left;
    }
}


@media all and (max-width:470px){
    .wowDesign .CustomNav .CustomNavBox .CustomNavInfo{width: 100%;position: relative;float: left;box-sizing: border-box;right: 0;}
    .wowDesign .CustomNav .CustomNavBox .CustomNavInfo:after{display: none;}
    .wowDesign .CustomNav .navImg{width: 100%;}
}
@media all and (max-width:435px){
	.CustomNavWrapper {width:100%;overflow:hidden;}
	.CustomNavCenter {background-size:auto!important;background-position:0;width:100%;padding-right:147px;}
	.CustomNavCenter .CustomNavBox.tile10 {width:100%;height:auto;min-height:103px;padding-right:147px;box-sizing:border-box;z-index:1;padding-bottom:8px;}



}
@media all and (max-width:320px){
        .productFeatures .CustomNav .CustomNavBox{width: 96%; margin: 0 2% 2%;}
}


/*
Version tag, please don't remove
$Revision: 32319 $
$HeadURL: svn://3d3-p432/ShopFactory/branches/V11_00/bin/SFXTemplates/Themes/SFX-BES-AA_1/Website/website.css $
*/