/*.hmh-logo {
    background:url("/media/contactus_config/images/global/hmh-logo.png") top left no-repeat; 
	background-size: 100% 100%;
	width: 341px;
	height: 38px;
	display: block;
} */

.hmh-logo {    
    background:url("/media/contactus_config/images/global/hmh-logo-new.png") top left no-repeat;
	background-size: auto 100%;	
	height: 70px;
	display: block;
    margin-top: -10px;
    margin-bottom: -13px;
}
.cc-logo {
	background:url("/media/contactus_config/images/global/cc-logo.png") top left no-repeat;
	background-size: 100% 100%;
	width: 195px;
	height: 32px;
	display: block;
	float:right;
    margin-top: 10px;
}
.icon {
    background: url("/media/contactus_config/images/global/nav-icons.png") no-repeat;
    float: left;
    height: 25px;
    margin: 0;
    width: 20px;
}
.icon.gear{
	background-position: 0 -151px;
    padding-left:2em;
	
}
.error{color:#f4440a;}

a.print_receipt,a.printPage {
    background: url("/media/contactus_config/images/global/icon_print.png") no-repeat scroll left 3px rgba(0, 0, 0, 0) !important;
    display: inline-block;
    line-height: 2em;
	text-decoration: none;
    text-transform: uppercase;
	/*border: 1px solid #00a8c7; */
    color: #00a8c8;
	font-size:11px;
	font-weight:bold;
	padding: 0 0 0 25px;
}

span.tickMark,.tickMark {
	/*background-image: url("/media/contactus_config/images/global/icons.png");
	background-position: 0px -600px;*/
	background-image: url("/media/contactus_config/images/global/check-mark.png");
	display:block;
	display:inline-flex;
	width: 18px;
	height: 16px;
	
}
.aside-wrapper ul.accordion > li ul li{font-size:inherit;}
.chosen-container-single .chosen-single div b {
    background: url("/media/contactus_config/images/global/icons.png") no-repeat scroll -302px -602px rgba(0, 0, 0, 0);   
}
.chosen-container-single .chosen-search input[type="text"] {
    background: url("/media/contactus_config/images/global/icons.png") no-repeat scroll -300px -992px #fff;
}
[class*="six column"] + [class*="six column"]:last-child 
.chosen-container-single .chosen-search input[type="text"] {
    background:url("/media/contactus_config/images/global/icons.png") no-repeat scroll -315px -992px #fff;
}
.five.columns .chosen-container-single .chosen-search input[type="text"] {
	 background: url("/media/contactus_config/images/global/icons.png") no-repeat scroll -255px -995px #fff
}
	
a.button{color:#FFF;text-transform:capitalize;}
.button:after {
    background: url("/media/contactus_config/images/global/dark_gray_right_arrow.png") no-repeat scroll right center transparent;   
}
.button:hover:after {
    background: url("/media/contactus_config/images/global/orange_right_arrow.png") no-repeat scroll right center transparent;   
}

.pageScrollers {
    bottom: 5%;
    cursor: pointer;
    font-size: 9px;
    position: fixed;
    right: 3%;
    text-align: center;
    z-index: 99;
}
.greyBg {
	background: none repeat scroll 0 0 #a1a1a1 !important;
	color:#FFF !important;
}
.goToHome {
    background: none repeat scroll 0 0 #e1e3e4;
    color: #fff;
    display: none;
    float: none;
    font-weight: 600;
    height: 28px;
    margin: 10px 0;
    padding-top: 7px;
    width: 40px;
    font-size: 14px;
}

a.radiusLabel.gear,
a.radiusLabel.gear:hover,
a.radiusLabel.gear:active{
	text-decoration:none;
	color:#FFF;
}

.aside-wrapper ul.accordion > li ol li {font-size:14px;}

.radiusLabel.gear{width:10em;background-color:#f0a928;margin-top:-3px;}
/*.icon.gear.supported{background-color:#f0a928;} */
.tab-bar {display:none;}
/*.nav-bar > li {margin:0;padding:1em .3em}for CHROME, IE */
aside.right-off-canvas-menu {width:100% !important;}
aside.right-off-canvas-menu .off-canvas-list {background:#fdb813;}

.nav-bar > li.active {background:#54585a !important;}
.nav-bar > li {margin:0;padding:1em !important;background:#FDB813;min-width:10.7%;width:auto;text-align:center;}
.lt-ie9 .nav-bar > li {min-width:0%;}
ul.chosen-results li.active-result,[data-osmatchid],[data-partMatchID],[data-resMatchID],[data-disMatchID] {clear:both;width:100%;display:block;}

.nav-bar > li:last-child {box-shadow:none;box-shadow: 1px 1px 0 0 rgba(255, 255, 255, 0.2) inset;}
.nav-bar > li.has-flyout > a:first-child:after {right:.3em;border-color: #404040 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);}
.nav-bar > li.has-flyout > a:first-child { padding-right: 2em;}
.nav-bar > li.has-flyout.hover > a:first-child:after {border-color: #F2A900 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);}
.nav-bar > li.hover > ul {width:15em;}
.nav-bar > li ul {min-width:15em;min-height:8em;margin-left:auto;}
.nav-bar li ul li:first-child ol {margin:0;}
.nav-bar li ul ol {width:100%;padding:0;}
.nav-bar li ul li ol li:first-child,
.nav-bar li ul li ol li{width:100%;padding:1em;}
.nav-bar li ul li ol li a{font-size:.7em;text-transform:uppercase;text-align:left;}
.nav-bar li ul li ol li:hover a{color:#FDB813;}
.flyer ul{display:none;margin-left:4.3em;margin-bottom:1em;}
.flyer ul li {list-style:none;padding:.5em 0;}
.flyer ul li a {color: #555555;text-decoration: none;}
.flyer ul li a:hover{color: #f0a928;}
.nav-bar > li > a:first-child,
.nav-bar > li.has-flyout > a:first-child {font-size:.7em;}
#topMenu { margin-right: -4em;}

/* refine left menu search */

.refine_filter .flyer ul {margin:0 10px 0 20px;}
ul.refine_filter{}
.refine_filter ul.search_inputs li p{padding-left:0 !important;}
.refine_filter ul.search_inputs li p:hover{border-right:none!important;}

.flyer ul.chosen-results {display:block;}
.flyer ul.chosen-results li.active-result{padding:.5em 0;}
.refine_filter .flyer ul.chosen-results {margin:0;}

.refine_filter .chosen-container .chosen-drop {position:absolute;}
.sub-menu.aside-wrapper.refine_filter ul.accordion > li .content p {padding:0 0 .5em 0;}
.sub-menu.aside-wrapper.refine_filter ul.accordion > li .content p:hover {border-right:none;}

.sub-menu.aside-wrapper.refine_filter ul.accordion li.accordion-header div.content a.delete,
.sub-menu.aside-wrapper.refine_filter ul.accordion li.accordion-header div.content a.delete:hover {
color:#2795b6;
}

.pager .button {width:auto;margin:0.3em 0.4em;padding:0 1em;}
.pager .button:after {background-image:none; padding-left: 0px;}
.pager .button.active {
    background: linear-gradient(to bottom, #58595e 0%, #4c5053 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #f0a928;
    background-color: #58595E;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #58595E 0%, #4C5053 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #58595E), color-stop(100%, #4C5053));
  background: -webkit-linear-gradient(top, #58595E 0%, #4C5053 100%);
  background: -o-linear-gradient(top, #58595E 0%, #4C5053 100%);
  background: -ms-linear-gradient(top, #58595E 0%, #4C5053 100%);
  background: linear-gradient(to bottom, #58595E 0%, #4C5053 100%);
  filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#58595E', endColorstr='#4C5053',GradientType=0 )";
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#58595E', endColorstr='#4C5053',GradientType=0 )";
}

.sub-menu.aside-wrapper.refine_filter ul.accordion li.accordion-header div.content {overflow:visible;}

/* refine left menu search ENDS */

.button.disabled, .button[disabled], .button.disabled:hover, .button[disabled]:hover{
color:#FFF !important;}

.button.disabled:after, .button[disabled]:after, .button.disabled:hover:after, .button[disabled]:hover:after{background:url("/media/contactus_config/images/global/dark_gray_right_arrow.png") no-repeat scroll right center transparent; }
p{font-size:1em !important;}

p.centre-padding{padding:1.5em !important;}

.noPadding{padding:0 !important;}
.noLeftPadding,
ul.noLeftPadding li{padding-left:0 !important;}
.marginTop15 {margin-top:1em !important;}
.radiusLabel {
	padding:.2em .5em;
	width:auto;
	border-radius:3px;
	border:1px solid rgba(0, 0, 0, 0.1);
	color:#333;
	margin:.2em;
	max-width:15em;
	display:block;	
}
.supported {background:#f0a928 !important;}
.notSupported {background:#9d9d9d !important;}
.needPlugin {background:#333333 !important;color:#FFF;}

.edit{padding-left:.2em;padding-right:.2em;}
a.edit:after {
    content: url("../images/global/icon_newwindow.jpg");
    height: 25px;
    padding-left: 5px;
    width: 25px;
}
.group-links a {margin:0 .3em;}
h2{margin:0;font-size:1.6em;color:#222222;}

ul li{list-style:none;}

ul.square {margin-left: 1em;}
ul.square li{list-style-type: square;}

.contentUnderJson .aside-wrapper {border:none;}
.accordion.mainAccordion{border-bottom:none;}
.contentUnderJson .aside-wrapper ul.accordion li.accordion-header div.content {
	border-color: #d8d9d3;
	border-style: solid;
	border-width: 0 1px 1px 1px;
}
.accordion li.accordion-header div.title h5,
.accordion li.accordion-header div.title-static h5 {display:inline;}

.lwizard ul.accordion {border:1px solid #d8d9d3;}
.lwizard ul.accordion .aside-wrapper .accordion {border:none;}
.lwizard ul.accordion > li > div {
    padding:0 15px;
	border:0;
}

.aside-wrapper ul.accordion li.accordion-header.active header.title,
.aside-wrapper ul.accordion li.accordion-header.active header.title h5 
{
    background:#edebe8;
    

}

.aside-wrapper ul.accordion li.accordion-header header.title {
    height:auto;
}

ul.accordion.mainAccordion .accordion-header {margin:1em 0;}
.aside-wrapper ul.accordion li.accordion-header div.content {padding:1em 0;}

ul.accordion.mainAccordion .radiusLabel {display:table;}

.greyBox {background:#edebe8;margin:.2em 0;padding:1em !important;}
.greyBox p {margin-bottom:0;}
.greyBox ul {margin-left:2em;}
.greyBox ul li{list-style:disc;}
.greyBox ul.whitePapaper li,
.displayApps ul li {list-style:none;}
a.dlink:after {
    content: url("../images/global/icon_newwindow.jpg");
    height: 25px;
    padding-left: 2px;
	padding-right: 2px;
    width: 25px;
}
table  {border-radius:0;border:none;width:100%;}
/*table thead tr th,
table tfoot tr td,
table tbody tr td:first-child ,*/
.lwizard.tableBlack table thead tr th,
.lwizard.tableBlack table tbody tr td:first-child {
	background:#404040;
	color:#FFF;
}
.lwizard.tableBlack table thead tr th,
.lwizard.tableBlack table tbody tr td:first-child {
	background:#404040 !important;
	color:#FFF !important;
}


/*table tbody tr td ,*/
.lwizard.tableBlack  table tbody tr td{padding:0;background:#404040;color:#FFF;}
table tbody tr:nth-child(2n),.lwizard.tableBlack  table tbody tr:nth-child(2n) {background:#FFF;}
.lwizard table thead tr th,.basicTable table thead tr th  {background:#f5f5f5;color:#222222;}
.lwizard table tbody tr td,.basicTable table tbody tr td,
.lwizard table tbody tr td:first-child,
.basicTable table tbody tr td:first-child   {background:#FFF;color:#222222;}
.lwizard table tbody tr.even, .lwizard table tbody tr.alt, .lwizard table tr:nth-of-type(2n) td,
.lwizard table tbody tr:nth-of-type(2n) td:first-child,
.basicTable table tbody tr.even, .basicTable table tbody tr.alt, .basicTable table tr:nth-of-type(2n) td,
.basicTable table tbody tr:nth-of-type(2n) td:first-child {
    background: none repeat scroll 0 0 #f9f9f9;
}


table tbody tr td:first-child ,.lwizard table tbody tr td,.basicTable table tbody tr td{padding:8px 10px 9px;}

table td.adjst_width {width:50px; word-wrap: break-word;}
table td span.adjst_width{width:50px; word-wrap: break-word;display:block;}



.pinned table thead tr th:first-child{height:3.2em;}
.aside-wrapper{margin-bottom:0;}

ul.accordion.accordion-filter {margin-top:1em;}
.boxContainer.panel{padding:0;margin;word-wrap:break-word;}

.boxContainer.panel .metaContainer ul {overflow: auto;height:11em;}

.boxContainer{margin:.9em 0;min-height:3em;height:auto;}
.boxContainer .row.actionContainer,
.panel .row.actionContainer{font-weight:bold;}
.boxContainer .metaContainer{padding:0 1em 0 1.3em;}
.t_text {font-weight:bold;font-size:.9em;}
.t_text p{padding-left:.7em !important;margin:0;}
.sm_text,.sub_t{font-size:1em;font-weight:normal;}
.sub_t,.sm_text:nth-child(2){padding-left:.7em;}
.panel .sm_text:after{content:",";}
/*.panel .sm_text:first-child:before{content:"";}
.panel .sm_text:last-child:before { content: "and "; }*/
.panel .sm_text:last-child:after { content: ""; }

.sm_text_x {font-size:.8em !important;}
.sm_text_xx{font-size:.6em !important;}

.displayApps ul li.three.columns:first-child{padding-right:15px !important;}

.displayApps ul li{
	min-height:18em;
	padding-top:1em;
}
.displayApps ul li a{
	text-decoration:none;	
	-webkit-transition: all 200ms ease-out 0s;
	transition: all 100ms ease-out 0s;
	border:1px solid transparent;
	display:block;
	/*box-shadow:0 1px 3px #c1c1c1;*/
	border: 1px solid #f1f1f1;
	min-height:16em;
}
.displayApps ul li a img{padding:2% 15% 0 15%;} 
.displayApps ul li a .txt1,.displayApps ul li a .txt2{
	color: #404040;
    display: block;
    font-weight: bold;
	font-size:1em;
    line-height: 1.2;
    padding: .25em 1em;
    word-wrap: break-word;
	background:none;
	-webkit-transition: all 100ms ease-out 0s;
	transition: all 100ms ease-out 0s;
}
.displayApps ul li a .txt2{
	font-size:.9em;
	font-weight:normal;
}	

.displayApps ul li a:hover,
.displayApps ul li.active a{
	border-color:#d8d9d3;	
}
.displayApps ul li:hover a span,
.displayApps ul li.active a span{/*background:#54585a;color:#FFF;*/}
.displayApps ul li:hover a .txt2,
.displayApps ul li.active a .txt2{/*color:#f0a928;*/}

.filterLinksCnt{margin:0 auto;display:table;}
.filterLinksCnt a{
	font-size: 1.2em;
    font-weight: bold;
    min-width: 20%;
    padding: 0 2.4em;
}
.chkBoxCont{margin-top:1em;}
.chkBoxCont li h3 {font-size:1em;}
.chkBoxCont li h3,
.chkBoxCont ul{margin-left:0;}
.chkBoxCont li{min-width:20%;}
.chkBoxCont input { float: left;}
.chkBoxCont label { display: block; margin-left: 1.5em;padding-top:.2em;}

span.ftl-dyn-text:before{content:"(";}
span.ftl-dyn-text:after{content:")";}
span.ftl-dyn-text{color:#000;font-weight:bold;}

.accordion li.accordion-header div.content label,lable {}

/*button group*/
ul.button-group li:first-child {
    margin-left: 0;
}
ul.button-group li {
    float: left;
    margin: 0 0 0 -1px;
    padding: 0;
}
ul.button-group > *:first-child, ul.button-group > *:first-child > a, ul.button-group > *:first-child > button, .ul.button-group > *:first-child > .button {
    border-bottom-left-radius: 1000px;
    border-top-left-radius: 1000px;
}
ul.button-group > *:last-child, ul.button-group > *:last-child > a, ul.button-group > *:last-child > button, ul.button-group > *:last-child > .button {
    border-bottom-right-radius: 1000px;
    border-top-right-radius: 1000px;
}
ul.button-group > li > button, ul.button-group > li .button {
    border-color: rgba(255, 255, 255, 0.5);
    border-left: 1px solid rgba(255, 255, 255, 0.5);
	padding:.3em 1em;
	text-transform:none;
}
ul.button-group > li > button:after, ul.button-group > li .button:after {background:none;padding-left:0;} 

/*button group ENDS*/

.appDetails .appStores{margin-top:2em;}

.appDetails .details-text p{text-align:justify;}

.appDetails .appStores .row .four{width:31.33%;}
.appDetails .appStores .boxContainer,
.appDetails .appStores ul li.panel {margin: 0 0.5em 22px;height:15em;overflow:hidden;}

.appDetails a.button{width:100%;}

.fiveCols .row .three.columns,.fiveCols.three.columns{width:20%;}
.fiveCols ul li.three.columns:first-child,
ul li.three.columns.fiveCols:first-child{padding-right:.5em !important;}
.fiveCols ul li.three.columns,
ul li.three.columns.fiveCols{padding:.5em !important;}

.programs a.edit:after {
    content:"";
}
p, strong {color:#333;}
.accordion li.accordion-header div.content .six.columns:first-child,
 .accordion li.accordion-header div.content .three.columns:first-child {padding-right:15px;}

 ul.coloredList {list-style:inside;margin:.8em 1em;}
 ul.coloredList li {color: #f2a900;list-style: inside none disc;}
 ul.coloredList li span {color:#333;}

 ul.coloredListPts {list-style:inside;margin:.8em 1em; margin-bottom: 85px; margin-left: 0;}
 ul.coloredListPts li span {color:#333;}
 
.floatingHeader {
  
  position:fixed;
  top:0;
  border:none;
  display:none;

}
table.floatingHeader {width:auto;}
/*media query*/
/*max-width: 48em = 768px*/
@media only screen and (max-width: 64.063em) {
    .pdtbetaStyle {    
    margin-right: 23.8em !important;
    }
p.centre-padding{padding:0;}
.row{margin:0;}

.nav-links{height:auto;background:#54585a;}
.nav-links ul{display:block !important;margin-bottom:0}


.show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .show-for-large-only, .hide-for-large-up, .show-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .show-for-xxlarge-only, .show-for-xxlarge-up ,.tab-bar,#topMenu{
	display: block !important;}
	
	.accordion li.accordion-header div.content .six.columns:first-child {padding:0 15px;}	
	
	/*.lwizard table tbody tr td:first-child,.basicTable table tbody tr td:first-child{padding:0;}
	table tbody tr td:first-child{padding:0;}*/
	.ostable table tbody tr td:first-child{padding:0 0 1px 1px;}
	.tickMarkTable table tbody tr td:first-child{padding: 3px 0 1px;}
	.tickMarkTable table tbody tr td {padding:0;}
	table tbody tr td {padding:0;}
	.lwizard .pinned,.lwizard div.table-wrapper,
	.basicTable .pinned,.basicTable div.table-wrapper{
		border-left: none;
		border-right: none;
	 }	 
	table td.adjst_width {width:auto;}
	table td span.adjst_width{width:auto;display:inline;}
	span.tickMark,.tickMark {display:inline-block;}
	/*span.tickMark,.tickMark:before { 
		content: "\2713";
		height:.5em;width:.5em;
		}*/
	.logoHolder{display:none;}
	.tab-bar .hmh-m-logo {
		background: url("/media/contactus_config/images/global/hmh-mobile-logo.png") top left no-repeat;
		background-size: 80% 100%;
		/*height: 3em;
		width: 6.5em;*/
	    height: 42px;
		width: 74px;
		display: inline-block;
	}
	.tab-bar .custCare-m-logo {
		background:url("/media/contactus_config/images/global/cc-logo.png") #FFF top left no-repeat;
		background-size: 100% 100%;
		float: right;
		width:10em;
		height: 2em;
		display:block;
		margin-top:.5em;
		margin-right:.5em;
	}
	
	ul.off-canvas-list{margin-top:-1.4em;}
	.nav-bar{margin-top:1px;position:fixed; width:70%;}
	.nav-bar > li {width:100%;line-height:0;background:#404040;border-bottom:1px solid #333;text-align:left;}
	.nav-bar > li > a:first-child,
	.nav-bar > li.has-flyout > a:first-child {color:#FFF;padding:.8em 0;font-size:.7em;}
	.nav-bar li ul li ol li a {font-size:.6em !important;}
	.nav-bar > li > a:first-child:hover,.nav-bar > li:hover a {color:#FDB813;}
    .nav-bar > li.has-flyout.hover > a:first-child:after {
        top:1px;
		border-color: transparent transparent #f2a900 transparent !important;
	}
	.nav-bar > li.has-flyout > a:first-child:after {
        top:5px;
		/*border-color: transparent transparent #f2a900 transparent;*/
		border-color: #f2a900 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
	}

    

	.nav-bar > li.has-flyout > a {padding:0;}
	.nav-bar > li.hover {background:#54585a;}
	.nav-bar > li.hover > ul{width:100%;background:none;}
	.nav-bar li ul li ol li {padding:0 .5em !important;border-bottom:0;}
	.nav-bar > li ul {width:auto;min-height:2em;}
	
	
	ul.off-canvas-list,.nav-bar{	
	position: fixed;
    background-color: #404040;
	height:100%;
	display: block;
	margin-left:-30em;
	z-index: 1005;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;		
	transition: all 0.5s;	
	}
	
	.tab-bar {border-bottom:1px solid #d8d9d3;}
	.tab-bar .menu-icon {
		text-indent: 2em;
		width: 3em;
		height: 3em;
		display: inline-block;
		line-height: 2em;
		padding: 0;
		position: relative;		
		background:#f0a928;
		border:1px solid rgba(0, 0, 0, 0.1);
  }
  .tab-bar .menu-icon span {
    box-shadow: 0 0 0 1px #404040, 0 7px 0 1px #404040, 0 14px 0 1px #404040;
    display: block;
    height: 0;
    left: 0.7em;
    line-height: 1;
    position: absolute;
    top: 1em;
    width: 1.5em;
   }
   .tab-bar .menu-icon:hover,body.move-right .tab-bar .menu-icon  {
		background:#404040;
   }  
  .tab-bar .menu-icon:hover span,body.move-right .tab-bar .menu-icon span {
		box-shadow: 0 0px 0 1px white, 0 7px 0 1px white, 0 14px 0 1px white;
	}
	body.move-right {position: fixed;} /*avoid scrolling during side menu*/
	body.move-right .tab-bar .custCare-m-logo {margin-right: 14.3em;}/*fix the -display for Cust-Logo during body-fixed ppty (body.move-right)*/
	body.move-right .nav-bar{
		margin-left:30em;overflow:scroll;
	}
	
	body.move-right .off-canvas-exit{		
		background: none repeat scroll 0 0 rgba(225, 225, 225, 0.8);
		height: 100%;
		left: 0;
		position: fixed;
		top: 5.3em;
		width: 100%;
		z-index: 1002;
		transition: background 100ms ease 200ms;
		overflow:hidden;
	}
	.appDetails .appStores .row .four{width:100%;margin:1em 0;}
	
	.chkBoxCont li {min-width:100%;}
	
	/*.appDetails a.button.float-right {float:left !important;}*/
	.appDetails .appStores .boxContainer,
	.appDetails .appStores ul li.panel,
	.displayApps .eachCols.columns {
		width:100% !important;
	}
	.displayApps .eachCols.columns {min-height:10em;}
	.displayApps ul li a img {padding:2%;float:left;height:100px;width:100px;}
	.displayApps ul li a .txt1, .displayApps ul li a .txt2 {display:block;margin:5% 2%;}
	.displayApps ul li a {min-height:9em;}
	
	/*.leftMenuCol{display:none;}
	body.move-right .leftMenuCol{display:block;}
	*/
	
	nav.three.columns {padding:.2em 0 .5em 0;width:100%;}
	section.row {
		margin-left:0;
		margin-right:.2em;
		padding-left:.3em;
		padding-right:.3em;
	}
	.nine, .row .nine {width:100%;}
	.chosen-container-single .chosen-single div b {background-size:auto !important;}
	a.print_receipt,a.printPage {display:none;}
	/*.reveal-modal.spinner {left:40% !important;margin-left:0 !important;}*/
	
	.column:before, .columns:before, .column:after, .columns:after{display:inline;}
	/*glossary/backbutton alignment issue in device*/

	ul.coloredListPts {
		margin-left: 1em;
	}
	
}/*media query ENDS*/
@media only screen and (max-width: 40.063em) {
body.move-right .tab-bar .custCare-m-logo {margin-right:.5em;}/*fix the -display for Cust-Logo during body-fixed ppty (body.move-right)*/
.column:before, .columns:before, .column:after, .columns:after{display:inline;}


aside .aside-wrapper article ul.accordion li.accordion-header header.title, aside .aside-wrapper article ul.accordion li.accordion-header header.title-static, .aside-wrapper ul.accordion li.accordion-header header.title, .aside-wrapper ul.accordion li.accordion-header header.title-static {height:auto;}
.ptsHomeImage{width:95%;}
.betaStyle {margin-right: 9.5em !important;}
.pdtbetaStyle {margin-right: 14.5em !important;}
.loginBeta {margin-right: 4.5em !important;}
.chosenPosition {
  height: inherit !important;
  position: relative !important;
  right: 0 !important;
  top: 0 !important;
  overflow: visible !important;
 }
 .chosenPositionReseller{
  height: inherit !important;
  position: relative !important;
  overflow: visible !important;
 }
 .marginTopReseller {
  margin-top: 0px !important;
  }
  .chosenPositionDownLoad, .chosenPositionPrograms, .chosenPositionGrade {
    height: inherit !important;
  position: relative !important;
  overflow: visible !important;
  top:0px !important;
  }
  .chosenPositionPrograms{ right:0 !important;}

  table.responsive td, table.responsive th {overflow-x: scroll !important;}
  
}
/*media query ENDS*/

@media only screen {}
@media only screen and (min-width: 40.063em) {}
@media only screen and (min-width: 64.063em) {}
@media only screen and (max-width: 40em) {}
@media only screen and (min-width: 40.063em) and (max-width: 64em) {}
@media only screen and (min-width: 64.063em) and (max-width: 90em) {}
@media only screen and (min-width: 90.063em) and (max-width: 120em) {}
@media only screen and (min-width: 90.063em) {}
@media only screen and (min-width: 120.063em) and (max-width: 99999999em) {    
}
@media only screen and (min-width: 120.063em) {}
 @media only screen and (min-width: 40.063em) and (min-width: 40.063em) {}
 @media only screen and (min-width: 90.063em) {
}
 @media only screen and (orientation: landscape) {}
 @media only screen and (orientation: portrait) {}
 
 
 /* screen resolution test */
 /*
 body::before {
  content: 'Default - 940px';
  position: fixed;
  font-weight:bold;
  z-index: 5;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 25px;
  background-color: rgba(119, 204, 102, 0.6);
  -webkit-transition: background .2s ease;
          transition: background .2s ease; }

@media (min-width: 1200px) {
  body::before {
    content: 'Large Desktop - 1200px+';
    background-color: rgba(204, 119, 102, 0.6); } }
@media (min-width: 768px) and (max-width: 979px) {
  body::before {
    content: 'Portrait tablet to landscape and desktop - > 768px && < 979px';
    background-color: rgba(204, 187, 102, 0.6); } }
@media (max-width: 767px) {
  body::before {
    content: 'Phones to Tablets - < 767px';
    background-color: rgba(102, 153, 204, 0.6); } }
@media (max-width: 480px) {
  body::before {
    content: 'Phones - < 480px';
    background-color: rgba(204, 102, 204, 0.6); } }
	*/
 /* screen resolution test ENDS*/ 
  

  /*Admin tool Starts*/

  .floaLeft{
  float:left;
  }
  .textCenter{
  	text-align:center;
  }
  /*Ends Admin tool Starts*/

  .ptsSubText{
	text-transform: uppercase;
	font-size: 18px;
	/*color: #FDB813;*/
    color: #FDB813;
	font-weight: bold;	
	text-align: center;	
	margin: 5px 5px;
  }
  .ptsHomeImage {
  	/*width: 97%; 
  	height:200px; */
  	border: 5px solid #e1e1e1;
  }
  .ptsFeedback {
      text-transform: uppercase;
      font-size: 18px;
      color: #FDB813;
      font-weight: bold;
  }

  .betaStyle {
  float: right;
  margin-top: -20px;  
  font-size: 16px !important;
  color: #FDB813;
  font-weight: bold;
  margin-right: 1em;
}

.pdtbetaStyle {
  float: right;
  margin-top: -20px;  
  font-size: 16px !important;
  color: #FDB813;
  font-weight: bold;
  margin-right: 11.4em;
}

.loginBeta {
  float: right;
  margin-top: -35px;  
  font-size: 16px !important;
  color: #FDB813;
  font-weight: bold;
  margin-right: 14.7em;
}

.extentVetical {
    resize:vertical;
}

.paddingtop10{
    padding-top: 15px;
}

.createComponent{
    padding-top: 0.3em !important;
    font-size: 1.3em;
}

.relative {position:relative;}

.chosenPosition {
     height:330px;
     position:absolute;
     right:0; top:12px;
     overflow:hidden;
 }
 .chosenPositionReseller{
    height:300px;
     position:absolute;    
     overflow:hidden;
 }

 .marginTopReseller{
    margin-top: 78px;
 }

 .chosenPositionDownLoad{
    height:300px;
     position:absolute;
     right:0; top:92px;
     overflow:hidden;
 }

 .chosenPositionGrade{
    height:300px;
     position:absolute;
      top:14px;
     overflow:hidden;
 }
.chosenPositionPrograms {
    height:300px;
     position:absolute;
      top:14px;
     overflow:hidden;
     right:33%;
}
.ptsDisplay{
    display: none;
}

.ptsActive ul.accordion > li header.title:before { 
  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #F0A928 !important;
  border-image: none;
  border-style: solid;
  border-width: 6px;
  content: "";
  display: block;
  height: 0;
  margin: 12px 0 0 2px;
  position: absolute;
  width: 0;
}
.ptsActive ul.accordion > li.active header.title:before { 
  border-color: #F0A928 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) !important;
  border-image: none;
  border-style: solid;
  border-width: 6px;
  content: "";
  display: block;
  height: 0;
  margin: 12px 0 0 2px;
  position: absolute;
  width: 0;
}

.chosen-container-multi .chosen-choices li.search-field input[type=text] {height: 27px;   width: auto !important;}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {background-position: -302px -802px !important;}



.reveal-modal { 
  margin: 0;
  padding: 0;
  height: auto;
  font-size: 14px;
  direction: ltr;
  background: #fff;
  visibility: hidden;
  display: none;
  top: 100px;
  left: 50%;
  margin-left: -260px;
  width: 520px;
  position: fixed;
  z-index: 41;
  padding: 30px;
  -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.4);
  -moz-box-shadow: 0 0 10px rgba(0,0,0,0.4);
  box-shadow: 0 0 10px rgba(0,0,0,0.4);
  text-align: center;
};

.reveal-modal .close-reveal-modal:not(.button) {
  font-size: 22px;
  font-size: 2.2rem;
  line-height: .5;
  position: absolute;
  top: 8px;
  right: 11px;
  color: #aaa;
  text-shadow: 0 -1px 1px rgba(0,0,0,0.6);
  font-weight: bold;
  cursor: pointer;
  text-indent: 0px;
}
.reveal-modal .close-reveal-modal:not(.button) {
  text-indent: 0px;
    top: 8px;
}

.confirm-box{
  margin: 0;
  padding: 0;
  height: auto;
  font-size: 14px;
  direction: ltr;
  background: #fff;
  display: none;  
  left: 50%;
  margin-left: -260px;
  width: 520px;
  position: fixed;
  z-index: 41;
  padding: 30px;
  -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.4);
  -moz-box-shadow: 0 0 10px rgba(0,0,0,0.4);
  box-shadow: 0 0 10px rgba(0,0,0,0.4);
  text-align: center; 
  top: 25% !important;
  border-bottom: 15px solid #f2a900;
}
.confirm-box .close-reveal-modal:not(.button) {
  font-size: 22px;
  font-size: 2.2rem;
  line-height: .5;
  position: absolute;
  top: 8px;
  right: 11px;
  color: #aaa;
  text-shadow: 0 -1px 1px rgba(0,0,0,0.6);
  font-weight: bold;
  cursor: pointer;
  text-indent: 0px;
}
.confirm-box .close-reveal-modal:not(.button) {
  text-indent: 0px;
    top: 8px;
}

.reveal-modal-bg {
    z-index: 40 !important;
}
table tbody tr td {word-wrap: break-word;}

.radiobuttontop{margin-top: -6px;}

.txtSequence { width: 35px;}
a.button {
    display: inline-block;
    margin: 0 5px 0 0px;
}

.ui-block{
    position: fixed;
    height: 100%;
    width: 100%;
    background: #000;
    background: rgba(0,0,0,0.45);
    z-index: 40;
    display: none;
    top: 0;
    left: 0;    
}
#btnDeassociate {margin-right: -8px;}
.tablefixed{table-layout: fixed;}
table thead tr th { font-size: 9px}
.mobilePageStore{ margin-top: 10px !important; margin-bottom: 10px !important;}

.iconstyle {
	vertical-align: middle;
}
.mailIcon {
	vertical-align: middle;
     margin-right: 9px;
}
.word-wrap {
    word-wrap: break-word;
}

.nav-bar > li { 
  font-weight: bold;
  font-family: Arial, sans-serif;
  padding: 9px !important;
  font-size: 17px;
  padding-top: 15px !important; 
  min-width: 0;
}

    .nav-bar > li.safMoz {
        padding: 0.7em !important;
        padding-top: 15px !important;
    }

    .nav-bar > li.safMozPL {
        padding: 12px !important;
        padding-top: 15px !important;
    }

#newPunchoutHeaderMenu .nav-bar > li {
    padding-left: 76px !important;
    padding-right: 76px !important;
}

#newPunchoutHeaderMenu .nav-bar > li.safMozPL {
    padding-left: 76px !important;
    padding-right: 76px !important;
}
/*Home page styles*/
.square {
            float: left;
            position: relative;
            margin: 1.66%;
            background-color: #F2F2F2;
            overflow: hidden;
        }

       

        @media screen and (min-width: 601px) {
            .square {
                width: 46%;
                padding-bottom: 46%; /* = width for a 1:1 aspect ratio */
            }
        }

        @media screen and (max-width: 600px) {
            .square {
                
                width: 97%;
                padding-bottom: 97%; /* = width for a 1:1 aspect ratio */
            }
        }

        @media screen and (min-width: 658px) {
            .square {
                width: 30%;
                padding-bottom: 25%;
            }
        }

        
        /*  For responsive images as background */

        .bg {
            background-position: center center;
            background-repeat: no-repeat;
            background-size: cover; /* you change this to "contain" if you don't want the images to be cropped */
            color: #fff;
        }

        .Home_1 {
            background-image: url('/media/contactus_config/images/home/Home_3.jpg');
        }

        .Home_2 {
            background-image: url('/media/contactus_config/images/home/Home_7.jpg');
        }

        .Home_3 {
            background-image: url('/media/contactus_config/images/home/Home_2.jpg');
        }
        .Home_4 {
            background-image: url('/media/contactus_config/images/home/Home_6.jpg');
        }

        .Home_5 {
            background-image: url('/media/contactus_config/images/home/Home_5.jpg');
        }

        .Home_6 {
            background-image: url('/media/contactus_config/images/home/Home_4.jpg');
        }
        .Home_7 {
            background-image: url('/media/contactus_config/images/home/Home_7.jpg');
        }

        .Home_8 {
            /*background-image: url('/media/contactus_config/images/home/Home_1.jpg');*/
            background-image: url('/media/contactus_config/images/home/Home_1.jpg');
        }
        /*  following just for the demo */


        

        .square-content p {
            margin: 0;
            padding: 0;
            text-align: left;
        }

        .caption {
            width: 100%;
            height: 134px;
            position: absolute;
            bottom: -80px;
            /*bottom:0px;*/
            -moz-transition: bottom 0.5s;
            -o-transition: bottom 0.5s;
            -webkit-transition: bottom 0.5s;
            transition: bottom 0.5s;
            background-color: rgba(0,0,0,0.5);
            -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#88000000, endColorstr=#88000000)";
            padding: 10px;
            color:#fff; 
        }

        .header-top {
          margin-left:15px;  
        }

        .license-info {
            font-size: 12px !important; padding:0 5px; text-align:center;margin: 39px 0 0 0;
        }

        .caption h5 {        
            margin:10px 0 14px 0;
            cursor:pointer;
            color:#fff;        
        }

        .mobile-app-content {
            margin-top: 10px;
            text-align: center;
        }
        .mobile-app-content img {
            padding:5px 0px 0px 0px; 
            margin-bottom: -15px;
        }
        .registerSign {
            position:relative; 
            top:-2px;
            font-size:12px;
        }

        #adv-panel {
            position:relative;
            overflow:hidden;
        }

        #adv-panel > p {
        
              position: absolute;
              left: 3000px;
              width: 100%;
              text-align: center;        
        }
        #ie8Dashboard, #restBrowsers {
                        display: none;
                    }
                     #ie8Dashboard img {
                        width: 100%;
                        height: auto;
                    }

                    #ie8Dashboard .columns {
                        padding:10px;
                        
                    }
                    .sq-panel {
                        width:100%;
                        position:relative;
                        overflow:hidden;
                    }
/*Home page styles*/
.faqStyle .aside-wrapper ul.accordion > li .content p:last-child{margin-bottom: 0px;}

/*Index2.html*/
.row-align {
    text-align:center;
}
.row-align img{
    max-width: 86%;
}
.row-align a{
    text-decoration:none;
}
.row-align a:hover,.row-align a:visited{
    /*color:#FDB813 !important;*/
    color: #FDB813 !important;
}
.content-width {
    padding: 0 7%;
}
ul.coloredListPts {
    margin-bottom:0px;
}
/*Index2.html*/

/*Product look up*/

#popup-cart-wrapper {
    position: fixed;
    right: 14%;
    margin-left:0px !important;
}

.pull-right {

    text-align:right;

}
.pull-center {
    text-align:center;
    font-size: 1.3em !important;
    padding-right: 3.5em;
    text-transform: uppercase;
}
.pull-left {
    text-align: left;
    font-size: 1.10em !important;
    /*padding-left: 0.5em; */
}

.errormessage {
    font-size:1em !important;
    font-weight: normal !important;
    line-height: 1.4 !important;
    font-family:Arial, sans-serif !important;
}

.jcarousel-skin-tango .jcarousel-next-horizontal {
    right:-73px !important;
}

#myhome {
    height:auto !important;
}

.error-info .error-info-icons {
    width: 4%;
    height:auto;
    vertical-align: middle;
    margin-right: 5px;
}

.error-info .columns {
    text-align: left !important;
    margin-left: -9px;
}

.error-info .one {
    /*padding-top: 20px !important;*/
}

.error-info p {
    /*text-align:left !important;*/
    font-size: 1.3em !important;
    margin-bottom: 0.2em !important;
}

.error-info .error-list {
        font-size: 1.3em;
        padding-left:0px;
        margin-bottom:0px;

}

#PunchoutHelpMenu{
    margin-top: -21px !important;
}

.book-title {
    color: #000;
    font-size: 14px;
}

#ProductLookUpLeftPane > li.active header.title:before {
    border-color:#FDB813;
    margin:0;
}

#ProductLookUpLeftPane li.accordion-header.active header.title h5, 
#ProductLookUpLeftPane li.accordion-header header.title h5:hover {
    background-color: #FDB813 !important;
    cursor: default;
    color: #000;
    font-weight: bold;
    padding: 8px 12px;
    line-height: 1.4em;
}

#ProductLookUpLeftPane li.accordion-header.active header.title h5 a, #ProductLookUpLeftPane li.accordion-header header.title h5 a:hover {
    color: #fff;
}

#ProductLookUpLeftPane a.more,#ProductLookUpLeftPane a.more:hover {

    color:#FDB813;

}
#ProductLookUpLeftPane .flyer ul {
    display: none;
    margin-left: -0.7em;
    margin-bottom: -0.8em;
}

#secondRow, #thirdRow {
    margin-top:45px;
    margin-left: 2px;
}

.addtocart_qtytxt {
    width: 23% !important;
    margin-top: 2px !important;
    display: inline !important;
}
.addtocart {
    padding:0px !important;
    margin:0px !important;
    margin-left:3px !important;
    margin-bottom: 10px !important;
}
.addtocart_single {
    padding:0px !important;
    margin-left: 2px
}
#firstColumn > div:hover {
    border: 1px solid #bebebe;
}
#firstColumn > div{
    padding-left: 2em;
    padding-top: 2em;
    position: relative;
}

.listRow1 .add-to-cart, .listRow2 .add-to-cart{
    position:absolute;
    right: -17%;
    bottom: 29px;
}

    #firstColumn .listRow1 .add-to-cart .addtocart_qtytxt,  #firstColumn .listRow2 .add-to-cart .addtocart_qtytxt {
        width:17% !important;
        margin-right: 2px;
        margin-top: 3px !important;
    }

.expand_bar .barHead {
    width: 99% !important;
}

.expand_bar h1 {
    color:#000 !important;
}
.expand_bar .barHead a.arrow {
    background: url(/product/customercare/images/popup/btm_arrow.png) no-repeat !important;
}
.expand_bar.showDetails .barHead a.arrow {
        background: url(/product/customercare/images/popup/up_arrow.png) no-repeat !important;
}

.header {
    width:692px !important;
}

#defaultPagination,#Pagination {
    height: 40px;
    width:100% !important;
    color:#FDB813 !important;
    line-height: 40px;
    margin: 0 0 15px 0 !important;
    background: #fff !important;
    border: 1px solid #e6e6e6;  
    text-align: right;  
}
.current {
    font-size:16px !important;
}

a.bluelinks {
    color: #555 !important;
    font-size:16px !important;
}
    a.bluelinks:hover {
        color: #e6e6e6 !important;
    }
.pagination {
    margin: 0 9px;
}

.resultsCount{
    height: 40px;
    width:100% !important;
    color:#000 !important;
    line-height: 40px;
    margin: 15px 0 !important;
    background: #fff !important;
    border: 1px solid #e6e6e6; 
    font-size:1.1em;
    padding-left: 7px; 
}

#multiRowContainer .ptsHomeImage {
    width:104px;
    height:157px;
}

.pricing_dtls_info input[type='text'] {
     border: 1px solid #c9c8c2 !important; 
     width: 100% !important; 
     display:block !important;
     margin: 0px !important; 
}
.button {
    background-color: #FDB813;
    background: #FDB813;
    color:#000 !important;
}

.compressed {
    padding: 12px 12px;
    font-size: 11px;
}

#popup-cart-wrapper .view-cart {
    position:relative;
}

.add-to-cart-anchor {
    position: absolute;
    right: 0;
    top: -4px;
}
    .button:hover {
        color:#fff !important;
    }

.mores_single {
    color:#FDB813 !important;
}
#breadcrums {
    display:none;
    height: auto;
    width:100% !important;
    color:#000 !important;
    line-height: 20px;
    margin: 15px 0 !important;
    background: #fff !important;
    border: 1px solid #e6e6e6; 
    font-size:1.1em;
     
    min-height: 40px;
    vertical-align: middle;
    padding: 10px 0;
    padding-left: 7px;
}

    #breadcrums a {
        color:#FDB813;
    }

.width_crums {

    width:100% !important;

}

#searchfieldinner #searchtxt {
    width: 92%;
    display: inline;
}

#searchfieldinner #btnSearch {
    vertical-align: middle;
    width:40px;
    height:auto;
}
#searchfieldinner2 #sortField {
    width:76%;
    display:inline;
}
#searchfieldinner2 .iconDisplayOptions {
        width:25px;
        height:auto;
        vertical-align:middle;
}

.display-options-text {
    font-size:1.1em;
    color:#000;
}

#searchfieldinner2 input {
    vertical-align:middle;
}

.image-panel {
    width:100%;
    position:relative;
}

    .image-panel > div.book-type {
        position: absolute;
        width: 35px; 
        height: 35px; 
        bottom: 7px; 
        right: 32%;
        z-index:2
    }

#OverlayDivCostN {

    width:646px !important;

}

.kit_num {

    width:99% !important;

}

.kit_num tbody tr td {
    background-color:white !important;
    color: #444444 !important;
    font-size:12px !important;
    padding:0px;
}

.kit_num tbody tr td:first-child {
    padding:0px !important;
}


@media (min-width: 766px) {

    .sort-by {
        float: left;
        margin-top: 7px;
        margin-right: 6px;
    }
    #searchfieldinner2 .pagination-bar .chosen-container {
        float: left;
        width: 140px !important;
        margin-top: -1px;
    }
    #searchfieldinner2 .chosen-drop {
        margin-left: 18%;
        width: 82%;
    }
}
#popup-cart-wrapper .topwrapper{
    display: none;
}
#popup-cart-wrapper .view-cart{
    margin: 10px 0;
}
.landingPage #popup-cart-wrapper .popup-cart-close{
    background: url(/product/customercare/images/popup/headerpop_bg.png) repeat-x;
    padding: 9px;
    width: 100%;
}

.landingPage.ccsearch .nav-bar li ul li ol li a{
    font-size: 0.6em;
}
/*Product look up*/

.nav-bar > li { /*background: #FDB813;*/ }

footer {border-top: 25px solid #FDB813;}

.accordion li.accordion-header.active div.title-static {
    background: #FDB813;
    border: solid 1px #FDB813;
}

.sub-menu.aside-wrapper ul.accordion li.accordion-header.active header.title h5 a, .sub-menu.aside-wrapper ul.accordion li.accordion-header header.title h5 a:hover {
    color: #FDB813; 
}

.sub-menu.aside-wrapper ul.accordion li.accordion-header.active header.title h5, .sub-menu.aside-wrapper .accordion li.accordion-header header.title h5:hover {
    border-right: 5px solid #FDB813;
}

.aside-wrapper ul.accordion > li header.title:before {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #FDB813;
}

.aside-wrapper ul.accordion > li.active header.title:before {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #FDB813 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); 
}

/*CCTechSupportLandingPage*/
#searchfieldCCSupportLandingPage {
    margin-top: 1.5em;
}

.searchfieldCCSupportSearchPage {
        margin-left: 2.5em;
}

.searchfieldCCSupportSearchPage .pull-left{
  margin-left: -10px;
  margin-top: 3px;
}

#searchfieldCCSupportLandingPage p{
    margin-bottom:0px;    
}

.block-grid {
    display: block;
    overflow: hidden;
    padding: 0;
}
.block-grid.three-up {
    margin: 0 -12px;
    margin-top: 36px;
}



.block-grid.three-up > li:nth-child(3n+1) {
    clear: both;
}

.row.display .column, .row.display .columns, .block-grid.display li {
    
    font-size: 11px;
    text-indent: 3px;
    padding-top: 6px;
    padding-bottom: 6px;
}
.column.centered, .columns.centered {
    float: none;
    margin: 0 auto;
}

.block-grid.three-up > li {
    width: 33.33333%;
    padding: 0 12px 12px;
}

.block-grid > li {
    display: block;
    height: auto;
    float: left;
}

@media only screen and (max-width: 767px) {
    .block-grid.mobile-one-up > li {
        width: 100%;
    }
    .block-grid > li {
        clear: none;
    }
}
#iconSearch {
    width: 40px;
    height: auto;
    vertical-align: middle;
}

.p1 {
      font-size: 124% !important;
}
#btnSearch {
    cursor: pointer;
    vertical-align: middle;
}
#searchfieldCCSupportLandingPage #searchtxt {
    width: 74%;
    display: inline;
}

@media only screen and (max-width: 400px) {
    #iconSearch, #btnSearch {
        width:10%;
        height:auto;
    }
}

.TechPopup_ContainerTop table tbody tr td, .TechPopup_ContainerTop tr td:first-child {
    padding-top: 5px;
    padding: 15px;
}

/*CCTechSupportLandingPage*/

/*Order Tracking*/
ul.tabs-content {
    display: block;
    margin: 0 0 20px;
    padding: 0;
}
.tabs-content {
    clear: both;
}

.tabs {
    list-style: none;
    border-bottom: solid 1px #e6e6e6;
    display: block;
    height: 40px;
    padding: 0;
    margin-bottom: 20px;
    padding-bottom: 46px;
}

ul.tabs-content > li.active {
    display: block;
}
ul.tabs-content > li {
    display: none;
}

.tabs dd:first-child, .tabs li:first-child {
    margin-left: 0;
}
.tabs dd, .tabs li {
    display: block;
    float: left;
    padding: 0;
    margin: 0;
}
dl dd {
    margin-bottom: 17px;
}
.tabs dd.active, .tabs li.active {
    border-top: 5px solid #FDB813;
    margin-top: 2px;
}
.tabs dd a, .tabs li a {
    color: #6f6f6f;
    display: block;
    font-size: 0.9em;
    height: 40px;
    line-height: 40px;
    padding: 0px 14.8px;
    text-decoration: none;
}
.tabs dd a.tabSafMoz{
    font-size: 0.85em;
}
.tabs dd a {
    padding-top:8px;
}
.tabs dd.active a, .tabs li.active a {
    cursor: default;
    color: #3c3c3c;
    background: #fff;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    font-weight: bold;
}

.tabs dd.active a {
    padding: 0px 14.8px;
}
#orderTracking .accordion .button {
    margin-top:0px;
}
#orderTracking .ot-date {
    width:80%;
    display:inline;
}

.lwizard ul.accordion.error-message {
    margin-bottom:10px;
    display:none;
}

.accordion li.accordion-header.active div.title-static.error-header {
    background: #FD4800;
    border: solid 1px #FD4800;
}

.order-details-help {
    float: right;
    margin-top: 13px;
    margin-right: 6px;
    color: #404040;
    text-transform: uppercase;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    cursor: pointer;
}

.row.subheader.order-details-header > div > div > div{
    margin: 14px 0;
}

.row.subheader.order-details-header h1{
        display: inline;
 }

 .lwizard .accordion li.accordion-header div.content .tabs-content li .columns{
    padding: 0px;
 }

 

 /*Datepicker customization*/
 .ui-widget-header{
    border: 1px solid #FDB813 !important;
    background: url("images/expand_bg.png") repeat-x !important;
 }
 table.ui-datepicker-calendar td:first-child { border: 0; padding: 1px; }
 table.ui-datepicker-calendar thead tr th, table.ui-datepicker-calendar tbody tr td:first-child,table.ui-datepicker-calendar tbody tr td{
    background: initial;
    color: initial;
 }

 .lwizard .ui-datepicker-trigger{
    margin-left: 4px;
    width: 20px;
 }

 /*Datepicker customization*/


 /*For IPAD Landscape view*/

@media only screen and (max-width: 1024px) and (min-width: 1000px){
    .nav-bar > li {
        height: auto;
    }
    .nav-bar > li.hover > ul, .nav-bar li li.hover ul{
        position: static;
    }
    .nav-bar li ul li ol li:first-child, .nav-bar li ul li ol li{
        padding: 1em !important;
    }
    .nav-bar > li ul{
        box-shadow: none;
        -webkit-box-shadow: none;
    }
    .nav-bar li ul li a:hover, .nav-bar li ul li a:visited, .nav-bar li ul li a:link {
        color: #fff;
    }
}