/* Do not change these lines */

/* Do not change these lines */

/******************/
/* Mobile devices */
/******************/
.responsive {height:auto ! important;float:none ! important;width:100%!important;}

div.header.mobile input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{display:none}
div.header.mobile input[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box}

div.header.mobile #header_inner{margin:0 auto;position:relative;overflow:hidden;padding:3px 0;}

/* *** Start: Navigation *** */
div.header.mobile nav a{display:block;padding:.5em;text-decoration:none}
div.header.mobile nav li{list-style:none;margin:0}

#header_utils{margin:0 20px}
#header_utils li{float:right;font-size:1.2em;}

#header_utils #util_home, #header_utils #util_menu, #header_utils #util_switchview, #header_utils #util_search {display:inline-block;margin:0;height:30px;line-height:30px;padding:0;margin-right:10px;}
#header_utils #util_home, #header_utils #util_menu, #header_utils #util_switchview {float:left;}
#header_utils #util_menu a, #header_utils #util_switchview a {padding:0 10px;}

#util_home a {position:relative;width:16px;}
#util_home a:before {position:absolute;top:0px;left:10px;content:"";display:block;height:22px;width:16px;background:transparent url(../media/glyphicons-halflings.png) 2px -16px no-repeat;}
#util_home a span {display:none;}

#util_menu a {position:relative;width:16px;}
#util_menu a:before {position:absolute;top:0px;left:10px;content:"";display:block;height:22px;width:16px;background:transparent url(../media/glyphicons-halflings.png) -22px -162px no-repeat;}
#util_menu a span {display:none;}

#util_switchview a {position:relative;width:16px;}
#util_switchview a:before {position:absolute;top:0px;left:10px;content:"";display:block;height:22px;width:16px;background:transparent url(../media/glyphicons-halflings.png) 1px -162px no-repeat;}
#util_switchview a span {display:none;}

#header_utils li#util_shop_search {border-radius:3px;padding:1px 2px 2px 2px;margin:0;}
#header_utils li#util_shop_search form {position:relative;overflow:hidden;height:27px;line-height:27px;}
#header_utils li#util_shop_search form #phrase, #header_utils li#util_shop_search form input[type=search] {border:0;height:27px;line-height:27px;width:10em;}
#header_utils li#util_shop_search form #phrase:focus, #header_utils li#util_shop_search form input[type=search]:focus {width:14em;}
#header_utils li#util_shop_search form input[type=submit] {display:inline-block;line-height:27px;height:27px;border-radius:3px;padding:0 10px; border:0;}

#search{float:right;margin:10px 20px 0 5px;border-radius:5px;padding:2px;height:30px;line-height:30px;}
#search input{border:0}

#mobile_cart{border-radius:3px;height:30px;line-height:30px;padding:0 ! important}
#mobile_cart a{display:block;text-decoration:none;line-height:30px;height:30px;padding:0 10px 0 35px;}
#mobile_cart a:first-letter{text-transform:capitalize;}
#mobile_cart span{font-weight:bold}

#header_utils #util_menu {display:none;padding:0!important;}

div.header.mobile .Button, div.header.mobile .Button:visited{display:inline-block;text-decoration:none;padding:0;margin:0;border:0;border-radius:3px;}
div.header.mobile #header_utils li#util_home, div.header.mobile #header_utils li#util_menu {margin-right:0;border-radius:3px 0 0 3px;border-right-width:1px;border-right-style:solid;}
div.header.mobile #header_utils #util_menu {display:inline-block;border-radius:0 3px 3px 0;}

div.header.mobile .SiteHeading {text-align:left!important;margin:0!important;display:block;padding:10px;font-size:2em;}
div.header.mobile .SiteHeading h1 {margin-left:0;margin-right:0;}
div.header.mobile .CompanyImage{display:block!important;text-align:center;padding:5px;width:auto;height:auto;}
div.header.mobile .BannerMobile {position:relative;height:auto;width:100%!important;margin:0!important;}
div.header.mobile .BannerMobile div {width:100%!important;}
div.header.mobile .BannerMobile a {visibility:hidden; position:absolute; margin:auto auto; top:0; left:0; z-index:8; opacity:0.0; width:100%; height:auto;}
div.header.mobile .BannerMobile a img {display:block;width:100%!important;height:auto!important;}
div.header.mobile .BannerMobile a.active { visibility:visible; z-index:10; opacity:1.0; }
div.header.mobile .BannerMobile a.last-active { z-index:9; }

div.header.mobile #header_utils #util_login .SignUp {text-decoration:none;font-size:1em;font-weight:normal;}
div.header.mobile #header_utils #util_login {overflow:hidden;}

div.header.mobile #header_utils #util_shop_search.mobile_search_show_box {display:inline-block;}
div.header.mobile #header_utils #util_search.mobile_search_show_box {display:none;}
div.header.mobile #header_utils #util_switchview.mobile_search_show_box {display:none;}
div.header.mobile #header_utils #util_menu.mobile_search_show_box {display:none;}
div.header.mobile #header_utils #util_login.mobile_search_show_box {display:none;}
div.header.mobile #header_utils #util_home.mobile_search_show_box {border:none;border-radius:3px;}

footer.mobile {padding:5px 0;}

/*portrait on tablets */
@media all and (min-width:768px) and (max-width:978px){
	fieldset#shopping_cart_main {margin:0 10px 10px 10px;}

	#payment_details_extra {display:block;text-align:left;padding:1em 1em .5em .5em;}

	#header_utils{margin:0 10px;}
	#header_utils #util_lang{margin:0 10px 0 0;}

	#header_utils li a{display:block;text-decoration:none;line-height:30px;height:30px;padding:0 10px;}
	#header_utils li a:first-letter {text-transform:capitalize;}
	#header_utils li#mobile_cart{box-shadow:0 0 5px #0a55a3;margin-left:5px;}
	#header_utils li#mobile_cart a{padding:0 10px 0 35px;background:url(../media/minicart-basket-small.png) 5px 5px no-repeat}

	#header_utils #util_search a {position:relative;width:22px;}
	#header_utils #util_search a:before {position:absolute;top:0px;left:10px;content:"";display:block;height:22px;width:22px;background:transparent url(../media/glyphicons-halflings.png) -44px 8px no-repeat;}
	#header_utils #util_search span {display:none;}
}
/* mobile-landscape */
@media all and (max-width:767px){
	.mobile {display:inherit;}
	.mobile-xor {display:inherit;}
	.mobile-portrait {display:none;}
	.mobile-landscape {display:inherit;}
	.tablet {display:none;}
	.tablet-portrait {display:none;}
	.tablet-landscape {display:none;}
	.desktop {display:none;}
	.desktop-xor {display:none!important;}

	*{font-family:Arial,Helvetica,Roboto,Lucida Grande,sans-serif;font-size:1em;text-rendering:optimizelegibility;margin:0;padding:0;text-overflow:ellipsis;margin-top:0!important;}
	#WebSiteHeader, #WebSiteHeaderTop, #WebSiteFooter, #SideBar_L, #SideBar_R, #Index1, #Index2, #MastheadWrap, #SelectBar {display:none!important;}
	html, body, #WebSite, #WebSiteContent, #Content, #DesignImage1, .WebSiteFootnote, #PageContainer10, #PageContainer1, #PageContainer11, #ContentWrap {width:auto!important;height:auto!important;float:none!important;margin:0!important;overflow:visible!important;min-width:inherit!important;}
	/* don't hide Contact Us information */
	#Breadcrumbs-D-9 + #PageContainer11 #SideBar_R {display:block!important; position:relative;}
	#Content {padding-top:10px!important;}
	#AppLogo {position:relative;margin:0 0 0 -65px;left:50%;}
	#DesignImage1, #DesignImage2, #DesignImage3, #DesignImage4/*, .Banner */{display:none!important;}
	#WebSiteFooter {padding-top:0;}
	#CompanyImage, #SiteHeadingContainer, #SiteSlogan {display:none;}
	#MiniCartSearchLanguageContainer, #MiniCartAlt, #MiniCart, #Search {display:none!important;}
	#ProductLoop {padding-top:10px;}

	.PageImage {width:auto;height:auto;text-align:center;}

	.ProductImage {text-align:center;}
	.ProductImage a[id|=ProductThumbnailImage] {position:relative;}
	.ProductImage img {display:inline!important;}
	.ImgLink {height:auto!important;}
	.ProductImageCaptionIcon span.hide {position:relative;top:0px;}

	.Banner {height:auto;width:100%!important;margin:0!important;margin-top:-10px!important;}
	.Banner div {width:100%!important;}
	.Banner a img {width:100%!important;height:auto!important;}

	.ChangeCurrencyFieldSetParent {padding:10px;}

	#LinkSFX {top:auto!important;}
	.ddSitemapLink {position:relative!important;}

	div.header.mobile #header_utils #util_search {display:none;padding:0;}

	div.header.mobile #header_utils{margin:0 5px}
	div.header.mobile #header_utils #util_lang{margin:0 10px 0 0}
	div.header.mobile #util_login, div.header.mobile #util_menu{float:right;display:inline-block;margin:0;height:30px;line-height:30px;}

	div.header.mobile #header_utils li a{display:block;text-decoration:none;line-height:30px;height:30px;padding:0 10px;}
	div.header.mobile #header_utils li a:first-letter {text-transform:capitalize;}
	div.header.mobile #header_utils li#mobile_cart{box-shadow:0 0 5px #0a55a3;margin-left:5px;}
	div.header.mobile #header_utils li#mobile_cart a{padding:0 10px 0 35px;background:url(../media/minicart-basket-small.png) 5px 5px no-repeat}

	fieldset#shopping_cart_main {margin:0 0 10px 0;}
	#shopping_cart_main {margin:0;}
	.prod_imgs, .prod_img, .prod_img img{width:38px;}
	.shopping_cart_contains_images .prod_subtotal_parent + .prod_inner_1 {margin-left:58px;}

	#ship_region, #ship_method, #payment_details_0, #payment_details_1 {margin:10px 0px 0px 0px;}
	#payment_details {margin:0;}
	#master_st,.master_st {margin:0;}

	#payment_details_extra {display:block;text-align:left;padding:1em 1em .5em .5em;}
	.voucher input#voucher {margin-bottom:.25em;}

	#payment_details_3rdparty li {display:block;}

	.ship_method_element .ship_method_items, .ship_method_element .ship_method_inner {float:none;text-align:left;width:auto;}
	.ship_method_cost {text-align:right;}
	.ship_method_element .ship_method_items, .ship_method_element .ship_method_inner, #payment_details_desc {float:none;width:auto;}

	#eddpmethod {float:none!important;width:auto;}
	#pmsurcharge {float:none!important;}

	h1,h2,h3,h4,h5,h6{margin:.5em 10px .25em 10px}

	#sfLightBox {width:100%!important;height:100%!important;margin-left:0!important;margin-top:0!important;left:0!important;top:0!important;position:absolute;}
	#sfLightBox #sfLightBoxContents table td img {width:100%!important;height:auto!important;}


	#ProductContainer1, #ProductContainer2, #ProductContainer3, #ProductContainer5, .ProductContainer1, .ProductContainer2, .ProductContainer3, .ProductContainer5, .ProductImage, .ImgLink[id], .ProductImageContainer {float:none ! important;width:auto ! important;}
	#ProductContainer1, #ProductContainer5, .ProductContainer1, .ProductContainer5 {margin-left:0 ! important;margin-right:0 ! important;border-width:0 ! important;}
	#ProductContainer1 h1, #ProductContainer1 h2, .Product h2 {margin:0!important;}
	#ProductContainer1 .ProductTitle, #ProductContainer1 .ProductIntroduction, #ProductContainer1 .ProductIntroduction p {display:block;}
	.ProductCrossPromotion {text-align:center;}
	.ProductCrossPromotion .ProductCrossPromotionContainer,.ProductCrossPromotion .ProductCrossPromotionContainer_Recommend {float:none;text-align:left;margin:0 auto 10px auto;border-width:0 0 1px 0;}
	.ThumbnailSliderContainer {display:none ! important;}
	.ProductImage span.hide{display:block ! important;background-image:none ! important;}
	.ProductImage .ImgLink {background-image:none ! important;}
	.Breadcrumbs nobr {display:inline-block;}
	.Breadcrumbs #BackLink + #ProductContainer1 {margin-right:0;border-width:0 ! important;}
	.ProductContainer2 .ProductMoreDetails {float:none;display:inline-block;}
	.ProductContainer5, .ProductContainer5 .ProductContainer2 {height:auto!important;}
	#ProductPurchasing {position:static!important;height:auto!important;width:auto!important;}
	.ProductChoiceName, .ProductChoiceNameImageParent {text-align:left;}

	#WebSite iframe[width], #WebSiteContent object[width], #WebSiteContent embed[width] {width:100%!important;}
	#WebSite div[class][id] {background-size:100%;}
	#WebSite div[class*=Button][id] {background-size:auto;}
	#Content div[class][id] table[width] {width:100%!important;}
	.sf-scrollbar-table {overflow:auto;}

	.ddSitemapLink {padding:10px 5px;font-size:1.2em;}
	#mobile_switchview.ddSitemapLink {display:block;padding:10px;}
}

/* custom search bar switch */
@media all and (max-width:635px){
	div.header.mobile #util_login {border-radius:0 3px 3px 0;}

	.PageImage {float:none;margin:0 auto;}

	div.header.mobile #util_shop_search {display:none;}
	div.header.mobile #header_utils li#util_shop_search form #phrase, div.header.mobile #header_utils li#util_shop_search form input[type=search] {width:6em;}
	div.header.mobile #header_utils #util_search {float:right;display:inline-block;margin:0 0 0 0;height:30px;line-height:30px;border-right-width:1px;border-right-style:solid;border-radius:3px 0 0 3px;}
	div.header.mobile #header_utils #util_search a {position:relative;width:22px;}
	div.header.mobile #header_utils #util_search a:before {position:absolute;top:0px;left:10px;content:"";display:block;height:22px;width:22px;background:transparent url(../media/glyphicons-halflings.png) -44px 8px no-repeat;}
	div.header.mobile #header_utils li#mobile_cart + li#util_search {border-right:0px;border-radius:0 3px 3px 0;}/* if login not present */
	div.header.mobile #header_utils #util_search span {display:none;}

	#ProductLoopInner.fixedWidth .Product {width:auto!important;}
	#ProductLoopInner.fixedWidth .ProductContainer1 {width:100%!important;}
	#ProductLoopInner.fixedWidth .ProductContainer1 .ProductTitle {width:100%;position:absolute;}
	#ProductLoopInner.fixedWidth .ProductImageContainer1 {float:none;margin-left:0;margin-right:0;}

	.ProductTableHeader>tbody>tr>td {float:right;width:auto;}
	.ProductTableHeader>tbody>tr>td .ProductPurchaseContainer {padding-top:8px;}
	.ProductTableHeader>tbody>tr>td .ProductTitle {margin:0;}
}

@media all and (max-width:559px){
	#A2BRight {padding-top:20px!important;}
	#A2BContinue {width:24px;}
}

/* mobile-portrait */
@media all and (max-width:395px){
	.mobile {display:inherit;}
	.mobile-xor {display:inherit;}
	.mobile-portrait {display:inherit;}
	.mobile-landscape {display:none;}
	.tablet {display:none;}
	.tablet-portrait {display:none;}
	.tablet-landscape {display:none;}
	.desktop {display:none;}
	.desktop-xor {display:none!important;}

	body {background-image:url();background-position:top center;background-repeat:norepeat;}

	div.header.mobile #header_utils li#mobile_cart {margin-left:5px;}
	div.header.mobile #header_utils li#mobile_cart a{padding:0 8px;background:none;}

	div.header.mobile #util_shop_search {display:none;}
	div.header.mobile #header_utils li#util_shop_search form #phrase, div.header.mobile #header_utils li#util_shop_search form input[type=search] {width:6em;}
	div.header.mobile #header_utils #util_search {float:right;display:inline-block;margin:0 0 0 0;height:30px;line-height:30px;}
	div.header.mobile #header_utils #util_search {border-right-width:1px;border-right-style:solid;}
	div.header.mobile #header_utils #util_search a {position:relative;width:22px;}
	div.header.mobile #header_utils #util_search a:before {position:absolute;top:0px;left:10px;content:"";display:block;height:22px;width:22px;background:transparent url(../media/glyphicons-halflings.png) -44px 8px no-repeat;}

	.shopping_cart_contains_images .prod_imgs {margin-right:5px;}

	object, embed {height:auto ! important;width:auto ! important;}
}

/*
Version tag, please don't remove
$Revision: 10088 $
$HeadURL: svn://3d3-p432/ShopFactory/branches/V10_22/SFEditor/res/html/global-responsive.css $
*/


/*
Version tag, please don't remove
$Revision: 8991 $
$HeadURL: svn://3d3-p432/ShopFactory/branches/V10_22/bin/Common%20Files/parseLang/global.css $
*/