/**************************** 
.no-touch = given to the body through responsive JS. Used to keep the hover states on touch devices only.
	
****************************/

/** Global classes **/
.mobile {
	display:none;
}
.right {
	float:right;
}
.left {
	float:left;
}
.hide {
	display:none;
}
body #topnav {
	margin-left:0;
	display:block;
}
body #topnav-mobile { display:none;}
.ms-menu span {
	display:block !important;
}
.top-nav ul#topnav li a.main-nav.once {
	color:#FF8327;
}
body #msie-close-menu {
	display:block !important;
	clear:both;
	float:left;
	height:20px;
	margin-top:12px;
	width:100%;
}
body ul#topnav li span.open #msie-close-menu a {
	background:#666;
	color:#fff;
	display:block !important;
	height:auto !important;
	margin:0 0 0 329px !important;
	padding:9px 12px !important;
	text-decoration:none;
	width:80px;
}
.home-social a.icon-cart, .social a.icon-cart {
    text-align: center;
    margin-right: 7px;
    width: 105px;
}

@media all and (max-width: 959px) {
	body  {
		background:#fff;
	}
	/****** Global Styles ******/
	.container,	.shadow, .calendar-holder, .distributors-full, .main .columnHolder, .main .home-center, .main .home-top, .main, .top-nav, ul#topnav, .header-campaign, .cpiheader	{
		width: 100%;
	}
	.container {
		overflow:hidden;
	}
	.main .home-modules {
		padding:1.5625%;
		width:96.875%;
	}
	
	/* (Navigation) */
	ul#topnav li {
		border:none;
		display:block;
		padding:0 3.6%;
		width:auto;
	}
	ul#topnav li span.open {
		left:0;
		max-width:960px;
		width:100%;
	}
	ul#topnav li div.quarterset {
		width:23.8%;
	}
	/* Header Elements */
	.cpiheader-image-1033 {
		background-position:right top;
	}
	.container .cpiheader .header-links select {
		float:right;
		margin-left:6px;
		position:relative;
		top:-6px;
	}
	.footer {
		padding: inherit 3.125%;
		width: 100%;
	}
	.shadow-divider {
		background:url(/images/responsive/shadow.png) repeat-x;
		clear:both;
		display:none;
		height:5px;
		margin-bottom:15px;
		width:100%;
	}
	.shadow-divider img {
		display:none;
	}
	.not-mobile {
		display:none;
	}
	
	/** Main.master Styles **/
	/* Home Elements */
	.main .home-top {
		height:auto;
	}
	.main .columnHolder {
		position:relative;
	}
	.main .home-top-left {
		float:left;
		height:auto;
		max-width:638px;
		width:70%;
	}
	.main .home-top-right {
		display:block;
		float:none;
		height:auto;
		max-height:271px;
		overflow:hidden;
		width:auto;
	}
	.main .home-top-right span {
		display:block;
		height:0;
		padding-bottom:30%;
		position:relative;
		width:100%;
	}
	.main .home-top-right a, .main .home-top-right a.main-tout {
		height:76%;
		left:0;
		padding:8% 16% 0% 4%;
		position:absolute;
		top:0;
		width:80%;
	}
	.main .home-top-right a.main-tout, .main .home-top-right a.main-tout.shadow {
		background-image:url("/images/responsive/homeToutsBG.png");
		background-position:right center;
	}
	.main .home-top-right a.main-tout.middle, .main .home-top-right a.main-tout {
		margin-top:0;
		margin-bottom:0;
	}
	.no-touch .main .home-top-right a.main-tout:hover, .main .home-top-right a.main-tout:active {
		background-image:url("/images/responsive/homeToutsBG-hover.png");
		background-position:right center;
	}
	.main .home-center {
		clear:none;
		display:block;
		float:none;
		height:176px;
		overflow:hidden;
		position:absolute;
		top:284px;
		width:316px;
	}
	.main .home-modules .hm-third {
		left:19px;
		position:relative;
	}
	.main .home-modules .hm-third:first-child {
		display:block;
		float:none;
		margin-bottom:72px;
		margin-top:30px;
		margin-left:49%;
		max-width:260px;
	}
	.main .home-modules .hm-third:first-child img {
		display:none;
	}

	.main .home-modules .hm-third:last-child {
		position:absolute;
		margin-left:49%;
	}
	#eCatalogLink {
		display:none;
	}
	.top-nav ul li.selected {
		background-image:none;
	}
	
	/** MainNoNav.master Styles **/
	/** MainPopup.master Styles **/
	/** ThreeColumn.master Styles **/
	/*.breadcrumb-media .social {
		display:none;
	}*/
	html[xmlns] .main .centerChannel {
		float:right;
		margin:0 30px 12px;
		width:60%;
	}
	.main.bottom {
		background-image:none !important;
		float:right;
		margin-left:0 30px 12px !important;
		overflow:hidden;
		width:63%;
	}
	html[xmlns] .main {
		clear:none;
	}
	.main.bottom .right-tout {
		display:none;
	}
	html[xmlns] .main.bottom #my-tabs {
		/*display:block !important;*/
		float:left !important;
		margin: 0;
		max-width:720px;
		width: 100% !important;
	}
	html[xmlns] .main.bottom #my-tabs ul.tabs {
		display:block;
	}
	html[xmlns] .main.bottom #my-tabs ul.tabs, .ui-tabs-nav, .ui-tabs-panel {
		min-width:0;
		width: 100% !important;
	}
	.main .rightSide {
		clear:left;
		overflow:hidden;
	}
	h2.accordion {
		width:auto;
	}
	/*.bottom-wrapper {
			float:left;
			width:60%;
		}*/
	/*.bottom-wrapper #my-tabs > ul.ui-tabs-nav li:first-child, #my-tabs #tab-1 {
			display:none;
		}*/
	#my-tabs #tab-1 {
		width:100% !important;
		min-width:0 !important;
	}
	/*#my-tabs .product-model, #my-tabs .product-model + #mycustomscroll {
			display:none !important;
		}*/
	
	h2.reverse {
		max-width:380px;
	}
	h2.reverse + #my-tabs {
		max-width:420px;
		width:100%;
	}
	h2.reverse + #my-tabs #tab-1, h2.reverse + #my-tabs #tab-2, h2.reverse + #my-tabs #tab-3 {
		background-color:transparent !important;
		padding-left:4%;
		padding-right:4%;
		width:92% !important;
	}
	h2.reverse + #my-tabs .ui-tabs-nav a {
		background-color:#EAE9E9 !important;
	}
	.two {
		background-position:158px 0;
	}
	.three {
		background-position:267px 0;
	}
	html[xmlns] .ui-tabs-nav a, html[xmlns] .ui-tabs-nav {
		background-image:none;
	}
	.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-container, html[xmlns] .boxed-short ul.ui-tabs-nav {
		background-color:#d7d5d5 !important;
	}
	html[xmlns] .boxed-short .ui-tabs-nav {
		margin-left:10px !important;
		width:92% !important;
	}
	.ui-tabs-nav li {
		overflow:hidden;
	}
	.boxed-short .ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited, .ui-tabs-panel .ui-tabs-nav li a { 
		font-size:14px;
		border:none;
		margin:9px 0 0 !important;
		padding:5px 10px;
	}
	html[xmlns] .boxed-short .ui-tabs-nav .ui-tabs-selected a:link {
		color:#fff !important;
		background-color:#7BBFD9 !important;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
	}
	
	html[xmlns] .ui-tabs-panel .ui-tabs-nav li {
		height:auto;
		margin:0 1.5%;
		width:auto !important;
	}
	html[xmlns] .boxed-short .ui-tabs-nav li a:link {
		background:#aaa !important;
		min-width:0;
		padding:9px 10px;
		text-align:left;
		white-space:normal;
	}
	.no-touch .ui-tabs-nav a:hover {
		color:#fff !important;
	}
	html[xmlns] .boxed-short .ui-tabs-nav li.ui-tabs-selected a:link {
		background:#7BBFD9 !important;
	}
	
	.featured-alliances .alliance-information, .featured-products .product-information {
		background-image:none;
		width:46%;
	}
	.ui-tabs-panel {
		padding-bottom:10px;
	}
	.product-img {
		margin:12px 0 0 20px;
	}
	.ui-tabs-nav a {
		border:0;
	}
	.featured-products 
	.boxed-short, .featured-alliances, .featured-products {
		min-width:0;
	}
	html[xmlns] .boxed-short {
		margin:0;
	}
	html[xmlns] .ui-tabs-panel.boxed-short {
		width:100% !important;
	}
	.featured-alliances .alliance-logo, .featured-products .product-img, .distributors-full .distributor-img, .featured-alliances .alliance-information, .featured-products .product-information {
		border:none;
	}
	.featured-alliances, .featured-products {
		width:100% !important;
		min-width:320px;
	}
	.main .home-center {
		background:transparent;
		clear:both;
		float:left;
		height:2px;
		overflow:visible;
		position:relative;
		top:22px;
		width:44%;
	}
	.main .home-center img {
			display:block  !important;
		}
		.center-links {
			display:none !important;
		}
	.main .home-center .center-links {
		background: url("/images/responsive/home-crossConnect.zh-cn.png") no-repeat scroll center top transparent;
		width:100%;
		height:57px;
	}
	.main .home-center a:first-child .center-links {
		background: url("/images/responsive/home-worldwide.zh-cn.png") no-repeat scroll center top transparent;
	}
	.main .home-center a:last-child .center-links {
		background: url("/images/responsive/home-contactUs.zh-cn.png") no-repeat scroll center top transparent;
	}
	.main .home-center a {
		background:url("/images/responsive/gradient-right.png") repeat scroll 0 0 transparent;
		display:block;
		float:left;
		margin-bottom:1px;
		width:100%;
	}
	.main .home-center a:first-child, .main .home-center a:last-child {
		background:url("/images/responsive/gradient-right.png") repeat scroll 0 0 transparent;
	}
	
	/** TwoColumn.master Styles **/
	.main .rightSideWide {
		width:45%;
	}
	.main .leftSideShort {
		width:40%;
	}
	.main .infoBoxLogin {
		width:100%;
	}
	.pagePad {
		width:98%;
	}
	.main .infoAreaRight {
		width:40%;
		margin-right:30px;
	}
	/** TwoColumnAccount.master Styles **/
	/** TwoColumnNoNav.master Styles **/
}
@media all and (max-width: 955px) {
	#my-tabs.product-comparison #tab-1, #my-tabs.product-comparison .ui-tabs-nav > li:first-child {
		display:none !important;
	}
	.main .home-top-right span {
		display:block;
		height:0;
		padding-bottom:33%;
		position:relative;
		width:100%;
	}
	.main .home-top-right span a p {
		display:none;
	}
	.main .home-top-right a, .main .home-top-right a.main-tout {
		height:67%;
		left:0;
		padding:12% 16% 0% 5%;
		position:absolute;
		top:0;
		width:80%;
	}
	.main .home-top-right a.main-tout.middle {
		height:75%;
		padding:8% 36% 0% 5%;
		width:60%;
	}
	.home-top-right h2 {

		line-height:16px;
	}
	.breadcrumb-media {
		width:94%;
	}
}
@media all and (max-width: 768px) {
    .header-actions {
		height: 30px;
		max-width: none;
		position: absolute;
		right: 0;
		top: 9px;
		width: 75px;
	}
	.header-actions ul li ul {
		display: none;
		left: auto;
		right: 87px;
	}
	.header-actions ul li + li + li ul {
		display: none;
		left: auto;
		right: 120px;
	}
	.not-mobile {display:block}
	.main .home-top-left {
		width:80%;
	}
	.footerphone {display:block};
	.main .home-top-right a.main-tout, .main .home-top-right a.main-tout.middle, .main .home-top-right a.main-tout.shadow  {
		background-position:left center;
		height:70%;
		padding:16% 5% 0% 5%;
		text-align:center;
		width:90%;
	}
	.no-touch .main .home-top-right a.main-tout:hover {
		background-position:left center;
	}
	.main .home-top-right span {
		padding-bottom:56.7%;
	}
	.full-logo, .retina-logo {
		display:none;
	}
	.breadcrumb-media .social {
		display:none;
	}
	.responsive-logo {
	background:url(/images/responsive/logo.png) no-repeat;
	display:block;
	height:66px;
   	left: 10px;
   	position: absolute;
	text-indent:9999px;
   	top: 22px;
	width:233px;
	}
	.responsive-logo a {
		display:block;
		height:66px;
		width:233px;
	}
    .footer .home-social {
        width:194px !important;
    }
    .footer-block {
        width:523px  !important;
    }
    .footer-block .left-block {
        margin-right: 27px;   
    }
    .footer-block .footernav li {
        width:47%;
    }
	#my-tabs.product-comparison #tab-1, #my-tabs.product-comparison .ui-tabs-nav > li:first-child {
		display:none !important;
	}
}
@media all and (max-width: 767px) {
	/****** Global Styles ******/
    .footer-block .social {
        height: 0;
        overflow: hidden;
    }
    .homepage .footer .social, .homepage .footer .home-social {
        display: block !important;
        width:220px !important;
    }
    .footer .home-social a {
        display: inline-block !important;
        float: none !important;
        margin-left: 0 !important;
        margin-right: 6px;
        margin-top: 0 !important;
        overflow: hidden !important;
        position: relative;
        top: 12px;
        width: auto !important;
    }
    .cart-label.icon-cart {
        text-indent: -9999px;
    }
    .cart-label.icon-cart:before {
        text-indent: 0;
    }
    .footer .home-social a.icon-cart, .footer .social a.icon-cart {
        height: 16px !important;
        margin-right: 7px;
        text-align: center;
        width: 106px !important;
    }
	.header-actions > a {
        padding-top: 4px;
        width: 31px;
        right:94px
    }
    .header-actions > ul {
        right: -107px;
        top: -5px;
    }
    .digits-1 .cart-indicator, .digits-2 .cart-indicator, .digits-3 .cart-indicator, .digits-4 .cart-indicator {
        left:-12px;
        position: absolute;
    }
    
    #temp-cover-layer
    {
        display: none;
    }
	.hide-for-mobile, #lnkCreateAccount, #lnkLogin, #lblOr {
		display:none;
	}
	.mobile {
		display:block;
	}
	body.msie #topnav span.level-three  {
		display:none !important;
	}
	.phone-dialog {
	  background: none repeat scroll 0 0 #FFFFFF;
	  border: 1px solid #333;
	  -webkit-border-radius: 5px;
	  -moz-border-radius: 5px;
	  border-radius: 5px;
	  -webkit-box-shadow: 0px 0px 8px rgba(50, 50, 50, 0.75);
	  -moz-box-shadow:    0px 0px 8px rgba(50, 50, 50, 0.75);
	  box-shadow:         0px 0px 8px rgba(50, 50, 50, 0.75);
	  display: none;
	  left: 38%;
	  padding:18px 18px 6px;
	  position: absolute;
	  top: 55px;
	  width: 138px;
	  z-index: 10000;
	}
	.phone-dialog.active {
		display:block;
	}
	.phone-dialog b {
		display:block;
		clear:both;
	}
	.phone-dialog b ~ b {
		border-top:1px solid #ccc;
		padding-top:12px;
	}
	.phone-dialog a.close {
		background:#555;
		-webkit-border-radius: 0 5px 0 5px;
		-moz-border-radius: 0 5px 0 5px;
		border-radius: 0 5px 0 5px;
		color:#fff;
		display:block;
		float:right;
		padding:5px 14px;
		position:relative;
		left:19px;
		top:-19px;
	}
	.phone-dialog a.close ~ a {
		display:block;
		padding:11px 0;
	}
	.phone-dialog.active {
		display:block;
	}
	.cpiheader-image-1033 {
		background:url(/images/responsive/header-bg.png) repeat-x center bottom;
	}
	.container .cpiheader .header-links select {
		border:1px solid #ccc;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
	}
	.header-links {
		border-bottom: 1px solid #CCCCCC;
		display: block;
		float: right;
		margin: 0;
		padding: 0 2% 2px;
		width: 96%;
	}	
	.full-logo, .retina-logo {
		display:none;
	}
	.cpiheader { height:110px; }
	.responsive-logo {
	background:url(/images/responsive/logo.png) no-repeat;
	display:block;
	height:66px;
    left: 10px;
    position: absolute;
	text-indent:9999px;
    top: 45px;
	width:100%;
	}
	.responsive-logo a {
		display:block;
		height:66px;
		width:100%;
	}
	.breadcrumb-media {
		padding:0 0 7px;
		width:100%;
	}
	.breadcrumb-media a {
		padding:5px;
	}
	.right-tout-none {
		display:none !important;
	}
	.main .home-top-left {
		float:left;
		max-width:767px;
		width:100%;
	}
	.home-social {
		display:none;
		position:absolute;
		right:0;
		width:152px;
	}
	.homepage .home-social {
		display:block;
	}
	.home-social a {
		display:block;
		float:left;
		height:32px;
		overflow:hidden;
		width:32px;
	}
	.breadcrumb-media .social {
		display:none;
	}
	.footer .social {
		display:block !important;
		padding:12px 0;
	}
	.footer .social a {
		display:inline-block;
		padding:0 4px 4px;
		margin:0 4px 8px;
	}
	.footerphone {
		font-size:12px;
		margin-top:18px;
	}
	#breadcrumbs ul {
		max-width:96%;
		margin:0 10px;
	}
	#breadcrumbs ul li {
		display:block;
		float:left;
		height:20px;
	}
	#breadcrumbs ul li:last-child {
		padding-top:5px;
		padding-left:5px;
	}
	#breadcrumbs ul li a {
		display:block;
		margin-right:2px;
		padding-right:10px;
	}
	.homepage .footer .social, .homepage .footer .home-social {
		display:none;
	}
	.homepage .container .cpiheader .header-links {
		height:22px;
	}
	.homepage .container .cpiheader .header-links select {
		float:left;	
	}
	
	
	
	/* navigation */
	.top-nav {
		background:url(/images/responsive/menu-bg.png) repeat-x;
		height:34px;
	}
	.top-nav .mobile {
		display:block;
		float:left;
		height:34px;
	}
	body #topnav { display:none; }
	body #topnav-mobile {
		background:url(/images/responsive/submenu-bg.png) repeat-x center bottom #fff;
		border-bottom:1px solid #ccc;
		display:none;
		margin-left:100%;
		padding-bottom:6px;
		position:absolute;
		top:149px;
		width:100%;
		z-index:2000;
	}
	#topnav-mobile.active {
		display:block;
	}
	#topnav-mobile > li {
		height:38px;
		width:100%;
	}
	#topnav-mobile > li:first-child {
		background:url(/images/responsive/submenu-icons.png) no-repeat 12px -18px !important;
	}
	#topnav-mobile > li:first-child a {
		background:url(/images/responsive/submenu-icons.png) no-repeat 14px -254px !important;
	}
	#topnav-mobile li.level-one > a {
		background:url(/images/responsive/submenu-icons.png) no-repeat 13px -210px  !important;
	}
	#topnav-mobile > li a {
		color:#1073ba;
		display:block;
		font-size:14px;
		font-weight:bold;
		padding:10px 14px 0;
		width:83%;
	}
	#topnav-mobile li a {
		padding-left:36px;
	}
	.no-touch #topnav-mobile > li a:hover, .no-touch .top-nav ul li:hover, .no-touch .top-nav ul li:hover span {
		background:none;
		color:#1073ba;
	}
	#topnav-mobile li span {
		background:url(/images/responsive/submenu-bg.png) repeat-x center bottom #fff;
		border-bottom:1px solid #ccc;
		display:none;
		top:0;
		position:absolute;
		margin-left:100%;
		width:100%;
	}
	#topnav-mobile li.level-one span.active {
		display:block;
	}
	#topnav-mobile li span a.close-menu {
		background:url("/images/responsive/submenu-icons.png") no-repeat scroll 9px -162px transparent;
		display:block;
		width:18px;
		height:18px;
		padding:10px 10px 6px;
		position:relative;
		float:left;
		z-index:1000;
	}
	#topnav-mobile li span a.close-menu + a, #topnav-mobile li span.level-three h3 a {
		background:#e7e7e7;
		text-align:center;
		padding:10px 10% 8px;
		width:80%;
	}
	#products-nav > .quarterset
	.quarterset h3 {
		margin:0;
	}
	#topnav-mobile li .quarterset p {
		margin-bottom:0 !important;
	}
	#topnav-mobile #additionalLinks {
		display:none;
	}
	#topnav-mobile li .quarterset h3 a, #topnav-mobile li .quarterset span.level-three p a, #topnav-mobile li .quarterset h3.hasSub + span.level-three h3 ~ p a {
		background:url(/images/responsive/submenu-icons.png) no-repeat 13px -254px;
		padding-bottom:12px;
	}
	#topnav-mobile li .quarterset h3.hasSub a {
		background:url(/images/responsive/submenu-icons.png) no-repeat 13px -209px;
		padding-bottom:12px;
	}
	#topnav-mobile li .quarterset h3.hasSub + span.level-three h3 ~ p a {
		background:url(/images/responsive/submenu-icons.png) no-repeat 13px -254px !important;
	}
	#topnav-mobile li .close-menu + .quarterset, #topnav-mobile li .close-menu + div .quarterset:first-child, #topnav-mobile li span .quarterset .level-three a.close-menu + p {
		margin-top:28px;
	}
	
	#topnav-mobile li span .quarterset .level-three {
		display:none;
		position:absolute;
	}
	
	#topnav-mobile > div {
		float:left;
		height:34px;
	}
	.top-nav .mobile > a {
		color:#fff;
		display:block;
		float:left;
		font-family:'UniversCondensedBold', arial, sans-serif;
		font-weight:normal;
		padding:9px;
		margin:0 6px;
	}
	.no-touch .top-nav .mobile > a:hover {
		background:#2F8CCE;
		text-decoration:none;
	}
	.top-nav .mobile#mobile-menu-toggle a {
		background:url(/images/responsive/menu-icon.png) no-repeat;
		padding:9px 14px 9px 34px;
	}
	.no-touch .top-nav .mobile#mobile-menu-toggle a:hover, .top-nav .mobile#mobile-menu-toggle.highlight a {
		background:url(/images/responsive/menu-icon.png) no-repeat 0 -34px;
		height:34px;
	}
	.top-nav #mobile-signup a {
		margin:0;
	}
	#mobile-search .search-toggle.active + .slide-left .searchButton {
		background:url(/images/responsive/menu-search-button.png) no-repeat 3px 4px;
		left:180px;
		position:relative;
		top:-24px;
		z-index:300;
	}
	#mobile-search .search-toggle {
		background:url(/images/responsive/menu-search.png) no-repeat center top;
		height:16px;
		float:right;
		width:20px;
	}
	#mobile-search .slide-left {
		background:url(/images/responsive/menu-bg.png) repeat-x scroll 0 0 transparent;
		display:block;
		height:36px;
		overflow:hidden;
		position:absolute;
		right:0;
		width:0;
		z-index:200;
	}
	#mobile-search .search-close {
		background:url(/images/responsive/menu-search-close.png) no-repeat center 11px;
		display:block;
		height:26px;
		padding:4px 13px;
		position:absolute;
		right:236px;
		width:16px;
	}
	#mobile-search {
		position:relative;
	}
	.header-links + .siteSearch {
		display:none;
	}
	#mobile-search .siteSearch2 {
		background:#fff;
		border:1px solid #2F8CCE;
		-webkit-border-radius: 2px 0 0 2px;
		-moz-border-radius: 2px 0 0 2px;
		border-radius: 2px 0 0 2px;
		height:16px;
		padding:5px 6px 3px;
		position:absolute;
		right:41px;
		top:4px;
		width:180px;
	}
	html[xmlns] .main .centerChannel {
		float:right;
		width:57%;
	}
	img.left {
		float:none;
	}
	.e-catalog {
		display:none;
	}
	.main {
		position:relative;
	}
	.main .rightSide {
		clear:left;
		position:static;
		left:0;
		top:34px;
		width:230px;
	}
	h2.alternate {
		width:197px;
	}
	.main .rightSide .infoBox, .main .leftSide .infoBox, .main #rightTout .infoBox {
		width:197px;
	}
/*	.bottom-wrapper {
		min-width:536px;
		width:80%;
	}*/
	.ui-tabs-nav, .ui-tabs-panel {
		min-width:auto;
	}
	div#nav h2 {
		padding:10px 15px;
	}
	h2.accordion {
		cursor:pointer;
		padding:12px 12px 12px 30px;
		background-image:url("/images/responsive/submenu-icons.png");
		background-repeat:no-repeat;
		background-position:6px -98px;
		background-color:#AAD1E0;
		width:195px !important;
	}
	h2.accordion.alternate {
		background-color:#F8CE9A !important;
	}
	h2.accordion.active {
		background-position:6px -41px;
	}
	h2.accordion.alternate {
		margin-bottom:10px;
	}
	h2.accordion.alternate.active {
		margin-bottom:0;
	}
	h2.accordion + div.infoBox {
		display:none;
		padding:10px 20px 10px;
	}
	div#nav ul ul li a {
		padding:9px 40px 9px 30px;
	}
	div#nav ul ul li ul li a {
		padding: 9px 40px 8px 30px;
	}
	.pagePad {
		width:98%;
	}
	.main .infoAreaRight {
		clear:both;
		margin-right:30px;
		float:none;
		width:auto;
	}
	
	/* footer */
	#ctl00_cbFooter .social + p{
		color:#fff;
	}
	#ctl00_cbFooter .social + p a {
		display:block;
		float:left;
		padding:8px;
		width:150px;
	}
	.featured-alliances .alliance-information, .featured-products .product-information {
		width:42%;
	}
	.product-img {
		min-height:100px;
	}
	.product-img {
		width:40% !important;
		height: auto !important;
	}
	.product-img img {
		width:100% !important;
		height: auto !important;
		max-width:180px;
	}

	/** Main.master Styles **/
	/* Home Elements */
	home-top-left {
		width:100%;
	}
	.main .home-top-right {
		border-top:1px solid #aaa;
		clear:both;
		height:90px;
	}
	.main .home-top-right a.main-tout {
		clear:none;
		float:left;
		height:90px;
		padding:12px 5%;
		width:39%;
	}
	.main .home-top-right span {
		display:inline-block;
		height:0;
		padding-bottom:0;
		position:relative;
		width:50%;
	}
	.main .home-top-right a.main-tout h2 {
		font-size:18px;
		line-height:1.3;
	}
	.main .home-top-right a.main-tout p {
		display:block;
		font-size:13px;
	}
	.main .home-top-right a.main-tout, .main .home-top-right a.main-tout.middle, .main .home-top-right a.main-tout.shadow {
	  background-position: right center;
	  height: 66px;
	  margin: 0;
	  padding: 25px 22px 0 16px;
	  text-align: left;
	  width: 90%;
	}
	.main .home-top-right > span:last-child {
		display:none;
	}
	.main .home-center {
		background:transparent;
		clear:both;
		float:left;
		height:2px;
		overflow:visible;
		position:relative;
		top:22px;
		width:50%;
	}
	.main .home-center a {
		background:url("/images/responsive/gradient-right.png") repeat scroll 0 0 transparent;
		display:block;
		float:left;
		margin-bottom:1px;
		width:100%;
	}
	.main .home-center a:first-child, .main .home-center a:last-child {
		background:url("/images/responsive/gradient-right.png") repeat scroll 0 0 transparent;
	}
	.main .home-center img {
		display:none;
	}
	.main .home-center .center-links {
		background: url("/images/responsive/home-crossConnect.zh-cn.png") no-repeat scroll right top transparent;
		display: block;
		height: 57px;
		width: 95%;
	}
	.main .home-center a:first-child .center-links {
		background: url("/images/responsive/home-worldwide.zh-cn.png") no-repeat scroll right top transparent;
	}
	.main .home-center a:last-child .center-links {
		background: url("/images/responsive/home-contactUs.zh-cn.png") no-repeat scroll right top transparent;
	}
	.main .home-modules {
		margin-top:0;
	}
	.main .home-modules .hm-third {
		clear:none;
		display:block;
		margin:30px auto 30px 4% !important;
		position:relative;
		top:204px;
	}
	.main .home-modules .hm-third:first-child, .main .home-modules .hm-third:last-child {
		float:right;
		margin:0 auto !important;
		top:0;
	}
	.main .home-modules .hm-third:first-child {
		height:190px;
	}
	.main .home-modules .hm-third:last-child {
		float:right;
		position:relative;
		margin:44px 0 20px !important;
	}
	html[xmlns] .main .columnHolder {
		background-image:url("/images/shell/bg-page-gradient.png");
	}
	html[xmlns] .right-tout {
		display:none;
	}
	#my-tabs {
		margin-top:10px;
		max-width:767px;
		width:94% !important;
		margin:10px 3% 0;
	}
	html[xmlns] #my-tabs > ul.ui-tabs-nav li {
		min-width:0 !important;
		width:50%;
	}
	html[xmlns] #my-tabs > ul.ui-tabs-nav li a {
		min-width:0 !important;
		width:100% !important;
	}
	html[xmlns] #my-tabs .ui-tabs-panel ul.ui-tabs-nav li {
		min-width:0 !important;
		width:100% !important;
	}
	html[xmlns] #my-tabs .ui-tabs-panel ul.ui-tabs-nav li a {
		min-width:0 !important;
		width:100% !important;
	}
	h2.reverse {
		max-width:380px;
	}
	h2.reverse + #my-tabs {
		background-color:#EFEFEF;;
		background-position:center 40px;
		margin:0;
		width:100% !important;
	}
	h2.reverse + #my-tabs #tab-1, h2.reverse + #my-tabs #tab-2, h2.reverse + #my-tabs #tab-3 {
		background-color:transparent !important;
		padding-left:4%;
		padding-right:4%;
		width:92% !important;
	}
	h2.reverse + #my-tabs .ui-tabs-nav a {
		background-color:#EAE9E9 !important;
	}
	h2.reverse + #my-tabs .thirds, h2.reverse + #my-tabs .two-thirds, h2.reverse + #my-tabs .quarters, h2.reverse + #my-tabs .three-quarters {
		display:block;
		float:none;
		text-align:left;
		width:100%;
	}
	h2.reverse + #my-tabs .three-quarters table {
		width:100%;
	}
	h2.reverse + #my-tabs .three-quarters input[type="checkbox"] {
		margin:6px 0;
	}
	h2.reverse + #my-tabs .full-float .three-quarters input[type="checkbox"] + label {
		padding:6px 5px !important;
	}
	h2.reverse + #my-tabs .thirds, h2.reverse + #my-tabs .quarters {
		line-height:18px;
		margin-bottom:0;
	}
	h2.reverse + #my-tabs .two-thirds, h2.reverse + #my-tabs .three-quarters {
		height:auto;
		margin-bottom:9px;
	}
	html[xmlns] h2.reverse + #my-tabs > ul.ui-tabs-nav li {
		width:99px !important;
	}
	h2.reverse + #my-tabs .full-float {
		display:block;
		height:auto !important;
		float:none;
	}
	h2.reverse + #my-tabs .btn.floatRight {
		float:left;
	}
	.one {
		background-position:42px 0;
	}
	.two {
		background-position:143px 0;
	}
	.three {
		background-position:241px 0;
	}
	.main .rightSideWide {
		clear:both;
		float:left;
		margin-left:30px;
		margin-top:20px;
		width:80%;
	}
	.main .leftSideShort {
		width:310px;
	}
	.rightSide > p > a {
		display:block;
		text-align:center;
		width:100%;
		margin-top:12px;
	}
	.rightSide > p > a img {
		margin:12px auto 0;
		max-width: 237px;
		height:auto;
	}
	.centerChannel .full-float .halves {
		width:100%;
	}
	#my-tabs.product-comparison #tab-1, #my-tabs.product-comparison .ui-tabs-nav > li:first-child {
		display:none !important;
	}
}
@media all and (max-width: 720px) { 
	html[xmlns] .main .centerChannel {
		width:55%;
	}
	.main.bottom {
        width: 54%;
	}
    .homepage .footer .social, .homepage .footer .home-social, .footer .home-social {
        display: block !important;
        left: 109px;
        margin-top: 105px;
        position: absolute;
        width: 220px !important;
    }
    .footer {
        padding: 20px;
        width: 100%;
        height: 220px;
    }
}
@media all and (max-width: 670px) { 
	html[xmlns] .main .centerChannel {
		width:52%;
	}
}
@media all and (max-width: 640px) { 
	html[xmlns] .main .centerChannel {
		width:50%;
	}
	.main.bottom {
	  width: 100%;
	}
	#left-nav #americas-layer, #left-nav #europe-layer, #left-nav #asia-layer {
		display:block !important;
	}
	.international-default #right-nav #americas-layer, .international-default #right-nav #europe-layer, .international-default #right-nav #asia-layer {
		display:none;
	}
	img.left {
		float:none;
		height:auto;
		margin:0;
		margin-right:20%;
		width:80%;
	}
	.main .home-top-left {
		width:100%;
	}
	.main .home-center {
		height:194px;
		top:0;
		width:100%;
	}
	.main .home-modules .hm-third {
		clear:none;
		float:none !important;
		display:block;
		margin:30px auto !important;
		position:relative;
		top:0;
		left:0;
	}
	.main .home-modules .hm-third:last-child {
		margin:20px auto 20px !important;
	}
	.main .home-modules .hm-third:first-child {
		height:auto;
	}
	.main .home-center a {
		background:url("/images/responsive/gradient-right.png") no-repeat scroll 0 0 #F9FAF9;
		display:block;
		float:left;
		margin-bottom:1px;
		width:100%;
	}
	.main .home-center a:first-child, .main .home-center a:last-child {
		background:url("/images/responsive/gradient-right.png") no-repeat scroll 0 0 #F9FAF9;
	}
	.main .home-center img {
		display:none;
	}
	.main .home-center .center-links {
		background: url("/images/responsive/home-crossConnect.zh-cn.png") no-repeat scroll center top transparent;
		display: block;
		height: 57px;
		width: 95%;
	}
	.main .home-center a:first-child .center-links {
		background: url("/images/responsive/home-worldwide.zh-cn.png") no-repeat scroll center top transparent;
	}
	.main .home-center a:last-child .center-links {
		background: url("/images/responsive/home-contactUs.zh-cn.png") no-repeat scroll center top transparent;
	}
	.main .home-modules .hm-third:last-child {
		position:relative;
		margin-bottom:20px !important;
	}
	.main .home-top-right a.main-tout, .main .home-top-right a.main-tout.middle, .main .home-top-right a.main-tout.shadow {
	  background-position: right center;
	  height: 66px;
	  margin: 0;
	  padding: 16px 20% 8px 5%;
	  text-align: left;
	  width: 75%;
	}
	.main .home-top-right a.main-tout.middle {
	  background-position: right center;
	  height: 66px;
	  margin: 0;
	  padding: 8px 20% 16px 5%;
	  text-align: left;
	  width: 75%;
	}
	.main .home-top-right a.main-tout.middle h2 {
		line-height:1.1;
	}
	.main .home-top-right a.main-tout.middle h2 p {
		margin-top:1px;
	}
	html[xmlns] #my-tabs .ui-tabs-panel ul.ui-tabs-nav li {
		width:46% !important;
	}
	h2.reverse + #my-tabs {
		background-color:#EFEFEF;
		background-position:center 40px;
		margin:0;
		width:100% !important;
	}
	h2.reverse + #my-tabs #tab-1, h2.reverse + #my-tabs #tab-2, h2.reverse + #my-tabs #tab-3 {
		background-color:transparent !important;
		padding-left:4%;
		padding-right:4%;
		width:92% !important;
	}
	h2.reverse + #my-tabs .ui-tabs-nav a {
		background-color:#EAE9E9 !important;
	}
	h2.reverse + #my-tabs .thirds, h2.reverse + #my-tabs .two-thirds, h2.reverse + #my-tabs .quarters, h2.reverse + #my-tabs .three-quarters {
		display:block;
		float:none;
		text-align:left;
		width:100% !important;
	}
	h2.reverse + #my-tabs .two-thirds input, h2.reverse + #my-tabs .two-thirds select {
		width:94% !important;
	}
	h2.reverse + #my-tabs .three-quarters table {
		width:100%;
	}
	h2.reverse + #my-tabs .thirds, h2.reverse + #my-tabs .quarters {
		line-height:18px;
		margin-bottom:0;
	}
	h2.reverse + #my-tabs .two-thirds, h2.reverse + #my-tabs .three-quarters {
		height:auto;
		margin-bottom:9px;
	}
	html[xmlns] h2.reverse + #my-tabs > ul.ui-tabs-nav li {
		width:33% !important;
	}
	html[xmlns] h2.reverse + #my-tabs > ul.ui-tabs-nav li a {
		font-size:14px;
		padding:10px 0;
	}	
	h2.reverse + #my-tabs .full-float {
		display:block;
		height:auto !important;
		float:none;
		width:auto !important;
	}
	h2.reverse + #my-tabs .btn.floatRight {
		float:left;
	}
	.one {
		background-position:34px 0;
		background-position:calc(19% - 8px) 0;
	}
	.two {
		background-position:115px 0;
		background-position:calc(54% - 8px) 0;
	}
	.three {
		background-position:200px 0;
		background-position:calc(89% - 8px) 0;
	}
	html[xmlns] .boxed-short .ui-tabs-nav li a:link {
		background:#aaa !important;
		min-width:0;
		padding:9px 10px;
		text-align:left;
		white-space:normal;
	}
	.no-touch .ui-tabs-nav a:hover {
		color:#fff !important;
	}
	html[xmlns] .boxed-short .ui-tabs-nav li.ui-tabs-selected a:link {
		background:#7BBFD9 !important;
	}
	#my-tabs.product-comparison #tab-1, #my-tabs.product-comparison .ui-tabs-nav > li:first-child {
		display:none !important;
	}
}
@media all and (max-width: 605px) { 
	html[xmlns] .main .centerChannel {
		margin:0 18px 12px;
		width:48%;
	}
}
@media all and (max-width: 580px) { 
	html[xmlns] .main .centerChannel {
		margin:0 18px 12px;
		width:48%;
	}
	.phone-dialog {
		left:33%;
	}
	img.left {
		margin-right:10%;
		max-width:220px;
		width:90%;
	}
	.main.bottom {
		margin-left:0 !important;
	}
	.product-img img {
		width:150px !important;
		height:auto;
	}
	.product-img {
		width:150px !important;
		height:120px;
		padding-top:10px;
	}
	.bottom-wrapper {
		min-width:480px;
	}
}
@media all and (max-width: 530px) { 
	html[xmlns] .main .centerChannel {
		margin:0 18px 12px;
		width:40%;
	}
}
@media all and (max-width: 480px) { 

	
	html {
	    -webkit-text-size-adjust: none; /* Prevent font scaling in landscape */
	}
	.homepage .container .cpiheader .header-links select {
		max-width:130px;
		font-size:11px;
	}

	/****** Global Styles ******/
	.main .home-top-right {
		height:90px;
	}
	.main .home-top-right a.main-tout {
		clear:both;
		height:40px;
		padding:25px 5%;
		width:90%;
	}
	.main .home-center {
		top:0;
	}
	.main .home-modules {
		margin-top:0;
	}
	.phone-dialog {
		left:33%;
	}
	.rightSide a img {
		max-width:196px !important;
		height:auto;
	}
	html .entry img {
		height:auto !important;
		padding:0;
		margin-bottom:10px;
		width:100% !important;	
	}
	html .entry img[align="right"] {
		max-width:110px;
	}
	.main .centerChannel.wideSpan .infoBox {
		width:420px !important;
	}
	h2.chrome {
		width:155px;	
	}

	html[xmlns] .main .centerChannel {
		float:right;
		/*width:265px;*/
		width:50%;
		margin:0;
		margin-right:10px;
	}
	
	.ekcommentdata input, .ekcommenttext textarea {
		margin-bottom:10px;
		width:100%;
	}
	html[xmlns] .boxed-short {
		min-width:320px;
		width:100% !important;
	}
	
	html[xmlns] .right-tout {
		display:none;
	}
	
	div#nav ul ul li a {
		background:url("/images/responsive/page-submenu-inactive-bg.png") no-repeat scroll right top #303230;
		width:130px;
	}
	div#nav ul ul li a.ekflexmenu_button_selected {
		background:url("/images/responsive/page-submenu-bg.png") no-repeat scroll right top #0160A3;
	}
	.related-links, .related-downloads {
		width:140px;
	}
	.main .leftSide, .main .rightSide {
		background:transparent; /* green test */
		width:195px;
	}
	
	.main .centerChannel img.center-main {
		margin-bottom:10px;
		width:100%;
		height:auto !important;	
	}
	
	div#nav {
		width:195px;
	}
	
	div#nav ul ul li a {
	background: #3E413E url("/images/responsive/page-submenu-inactive-bg.png") no-repeat scroll right top transparent;
	/*padding:15px 10px 14px 10px;
	width:175px;*/
	padding:15px 33px 14px 10px;
	width:152px;
	}
	
	div#nav ul ul li a.ekflexmenu_button_selected, .no-touch div#nav ul ul li a.ekflexmenu_button_selected:hover {
	background-position:right top;
	}
	.no-touch div#nav ul ul li a.ekflexmenu_button_selected:hover {
		background: url("/images/responsive/page-submenu-bg-hover.png") no-repeat right top #0060A3;
	}
	
	div#nav ul ul li ul li a {
		padding:15px 10px;
		width:175px;
	}
	
	.related-links, .related-downloads {
		padding:15px 10px;
	}
	.rightTout {
		display:none;
	}
	.slides {
		background:url("/images/responsive/flex-slider-bg.png") repeat scroll 0 0 transparent;
	}
	.slides .info {
		background:none;
		position:relative;
	}
	.flex-direction-nav a {
		top:40%;
	}
	.featured-alliances .alliance-logo, .featured-products .product-img, .distributors-full .distributor-img {
	width:195px;
	}
	
	/*.featured-alliances .alliance-information, .featured-products .product-information {
			width:256px;
		}*/
	
	.main .rightSide .infoBox, .main .leftSide .infoBox, .main #rightTout .infoBox {
	padding:10px;
	width:175px;
	}
	.bottom-wrapper {
		width:100%;
		min-width:320px;
	}
	.main.bottom {
		margin-left:0 !important;
		margin-top:20px !important;
	}
	.main .rightSide {
		position:static;
		top:0;
	}
	.rightSide h2 {
		cursor:pointer;
		padding:12px 12px 12px 30px;
		background-repeat:no-repeat;
		background-position:6px -98px;
		background-color:#AAD1E0;
		width:154px !important;
	}
	h2.accordion.alternate {
		background-color:#F8CE9A !important;
	}
	h2.accordion + div.infoBox {
		display:none;
		padding:10px 20px 10px;
	}
	.related-links, .related-downloads {
		padding:15px 18px;
	}
	.featured-alliances, .featured-products {
		width:100% !important;
	}
	
	/*******  BLOG *******/

	.entry {
		width:100%;
	}
	h1.blog-header {
		background: url(/images/responsive/bg-blog-header480.png) no-repeat 0 5px;
		height: auto;
		font-size: 24px;
		padding: 0 0 28px 40px;
		margin-bottom: 5px;
	}
	html #navigation {
		width:195px;
	}
	
	.centerChannel h3 img[align="left"], .centerChannel img[align="left"] {
		width:100%;
	}
	.rightSide > p > a img {
		max-width:197px;
		height:auto !important;
	}
	html[xmlns] .ui-tabs-panel .ui-tabs-nav li, html[xmlns] #my-tabs .ui-tabs-panel ul.ui-tabs-nav li {
		width:100% !important;
	}
	html[xmlns] .boxed-short .ui-tabs-nav li a:link {
		background:#aaa !important;
		min-width:0;
		padding:9px 10px;
		text-align:left;
		white-space:normal;
	}
	
	html[xmlns] .main .centerChannel.wideSpan {
		margin:0;
		width:435px !important;	
	}
	
	.main .centerChannel.wideSpan .infoBox {
		width:390px !important;	
	}
	
	.wideSpan .infoBox .full-float .form-right {
		margin:0 10px 5px 0 !important
		}
		.wideSpan .infoBox .full-float .form-left {
		text-align:center;
		width:395px !important;
		}
	
		.form-right, .textAreaBgText {
			width:385px;	
		}
	
		#my-tabs.product-comparison #tab-1, #my-tabs.product-comparison .ui-tabs-nav > li:first-child {
			display:none !important;
		}
}

@media all and (max-width: 445px) { 
    .footer-block .left-block {
        width:100%;
    }
    .homepage .footer .social, .homepage .footer .home-social, .footer .home-social {
        display: block !important;
        left: 0;
        margin-top: 155px;
        position: absolute;
        width: 220px !important;
    }
    .footer {
        height: 250px;
    }
	#nav .submenu ul.accordion {
		display:none;
	}
	.related-links {
		display:none;
	}
	html[xmlns] .main .centerChannel, .main .rightSide, .main .leftSide {
		float:left;
		clear:both;
		width:100%;
	}
	html[xmlns] .main, .footer {
		max-width:445px;
	}
	.main .centerChannel.wideSpan .infoBox {
		width:220px !important;
	}
	#ctl00_ctl00_mainBody_body_pnlDropdown {
		width:220px;
	}
	html[xmlns] .main .centerChannel.wideSpan {
		max-width:250px;	
	}
	.phone-dialog {
		left:24%;
	}
	.footer p {
		font-size:12px;
		max-width:240px;
	}
	.main .rightSide a img {
		margin:12px 18px;
	}
	/* made max- width to 90% for the blog, keep checking other pages to see if something broke*/
	html[xmlns] .main .centerChannel {
		display:block;
		margin:0 18px;
		max-width:90%;
		width:auto;
	}
	html[xmlns] .main .centerChannel img {
		width:100%;
		height:auto;
	}
	div#nav {
		margin-bottom:18px;
	}
	div#nav, div#nav ul, div#nav ul ul li a {
		width:104%;
	}
	div#nav ul ul li ul li a {
		padding:15px 10px;
		width:99%;
	}
	div#nav h2 {
		background:url("/images/responsive/inner-subnav-bg.png") repeat-x scroll right top transparent;
		width:90%;
	}
	div#nav h2.active {
		background:url("/images/responsive/inner-subnav-bg-active.png") repeat-x scroll right top transparent;
	}
	h2.media-contact {
		height:auto;
	}
	.infobox .btn {float:left;
	}
	html[xmlns] .ui-tabs-panel .ui-tabs-nav li, html[xmlns] #my-tabs .ui-tabs-panel ul.ui-tabs-nav li {
		width:88% !important;
		margin:3px 20px 5px;
	}
	.one {
		background-position:34px 0;
		background-position:calc(17% - 8) 0;
	}
	.two {
		background-position:131px 0;
		background-position:calc(51% - 8) 0;
	}
	.three {
		background-position:224px 0;
		background-position:calc(86% - 8) 0;
	}
	html[xmlns] .ui-tabs-panel .ui-tabs-nav li a {
		width:auto !important;
	}
	html[xmlns] .boxed-short .ui-tabs-nav li a:link {
		background:#aaa !important;
		min-width:0;
		padding:9px 10px;
		text-align:left;
		white-space:normal;
	}
	img.left {
		float:none;
		padding-bottom:10px;
	}
	.rightSide h2 {
		max-width:445px;
		width:100% !important;
	}
	.main .rightSide .infoBox, .main .leftSide .infoBox, .main #rightTout .infoBox {
		max-width:445px;
		width:100%;
	}
	#my-tabs {
		margin-top:10px;
		max-width:480px;
		width:100% !important;
	}
	
/*	html[xmlns] .ui-tabs-nav li:only-child {
		width:100%;
	}
	html[xmlns] .ui-tabs-nav li:only-child a {
		width:100%;
	}*/
	.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited, .ui-tabs-nav a {
		display:block;
		font-size:16px;
		min-width:160px;
		width:100% !important;
		padding-right:0;
		max-width:480px;
	}
/*	.boxed-short .ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited, .ui-tabs-panel .ui-tabs-nav li a {
		font-size:12px;
	}*/
	.featured-alliances .alliance-information, .featured-products .product-information {
		width:53%;
	}
	.featured-alliances .alliance-logo, .featured-products .product-img, .distributors-full .distributor-img {
		width:26% !important;
		padding:7px 0;
		height:auto;
	}
	html[xmlns] .boxed-short .ui-tabs-nav {
		margin-top:6px !important;
	}
	.boxed-short .ui-tabs-nav li {
		height:28px;
		width:100%;
	}
	.boxed-short .ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited, .ui-tabs-panel .ui-tabs-nav li a {
		border:none;
		display:block !important;
		margin: 0 !important;
		width:auto !important;
	}
	.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-container, html[xmlns] .boxed-short ul.ui-tabs-nav {
		margin-left:0 !important;
		max-width:445px;
		width:100% !important;
	}
	.product-img img {
		width:100% !important;
	}
	.bottom-wrapper #my-tabs > ul.ui-tabs-nav li {
		min-width:160px;
		width:auto;
	}
	.bottom-wrapper {
		min-width:320px;
		width:100% !important;
	}
	
	html #navigation {
	width:100%;
}

	.no-touch div#nav ul ul li a.ekflexmenu_button_selected:hover {
		background: url("/images/responsive/page-submenu-bg-hover.png") no-repeat right top #0060A3;
	}
	.main .home-top-right {
	  height: 180px;
	}
	.main .home-top-right span {
	  display: block;
	  height: 90px;
	  width: 100%;
	}
	.main .home-center a .center-links, .main .home-center a:first-child .center-links, .main .home-center a:last-child .center-links {
	    background-position::right top;
		width:100%;
	}
	.footernav {
		margin: 0px;
		padding: 0px;
		list-style: none;
		display: inline-block;
		margin-bottom:15px;
	}
	.footernav li {
		border:none;
		width:48%;
		float:left;
		padding:5px 0;
		margin:0;
	}
	.main .infoBoxLogin .loginField {
		width:160px;
	}
	.main .infoBoxLogin {
		width:100%;
	}
	.main .leftSideShort {
		width:80%;
	}
	.infoAreaLeft .infoBox .full-float .form-left {
		width:20%;
	}
	.infoAreaLeft .infoBox .full-float .form-right {
		float:left;
		padding-left:10px;
		width:45%;
	}
	.infoAreaLeft .infoBox .full-float .textAreaBg, .infoAreaLeft .infoBox .full-float .form-right .textAreaBgText, .infoAreaLeft .infoBox .full-float .form-right select, .infoAreaLeft .infoBox .full-float .form-right .formSelect 	{
		width:100%;
	}
	.infoBox .floatRight {
		float:left;
		margin-left:84px;
		margin-top:12px;
	}
	.full-float .halves {
		width:100%;
	}
	div.halves img.left {
		max-width:320px;
		margin-right:0;
	}
	.rightSide > p > a {
		display:block;
		text-align:center;
		width:100%;
	}
	.rightSide > p > a img {
		margin:12px auto 0;
		max-width:240px;
	}
	
	#design_content .design_textfield, div.design_content .design_textfield  {
		border:solid 1px #ccc;
		color:#666;
		font-size:1.1em !important;
		padding:5px;
		width:165px;	
		}
		
		#StateList, #Country  {
		border:solid 1px #ccc;
		color:#666;
		font-size:1.1em !important;
		padding:5px;
		width:177px;	
		}
		
		.gallery50 img {
			height:54px !important;
			width:54px !important;
		}
		
		#gallery2 img {
			height:190px !important;	
		}
		
		.wideSpan .infoBox .full-float .form-right {
		margin:0 10px 5px 0 !important
		}
		.wideSpan .infoBox .full-float .form-left {
		text-align:center;
		width:220px !important;
		}
	
		.form-right, .textAreaBgText {
			width:205px;	
		}
		
		.rep-results {
			width:185px;
		}
		#my-tabs.product-comparison #tab-1, #my-tabs.product-comparison .ui-tabs-nav > li:first-child {
			display:none !important;
		}
}

@media all and (max-width: 320px) { 
	h2.reverse, h2.reverse + #my-tabs {
		max-width:284px;
	}
	#my-tabs.product-comparison #tab-1, #my-tabs.product-comparison .ui-tabs-nav > li:first-child {
		display:none !important;
	}
}



@media (-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) { 
    /* Retina-specific stuff here */

.responsive-logo, .full-logo {
		display:none;
	}

.retina-logo {
	background:url(/images/responsive/logo-retina.png) no-repeat;
	background-size:233px 66px;
	display:block;
	height:66px;
	left: 10px;
	position: absolute;
	text-indent:-9999px;
	top: 12px;
	width:233px;
}
.retina-logo a {
	display:block;
	height:66px;
	width:233px;
}

}