/* Overrides*/
body fieldset
{
    clear: none;
    padding-top: 0;
}
div.row
{
    margin-left: -8px;
}
.result-grid-container
{
    background-color:#E9E6E3;
}
.grid-container {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    background-color:#E9E6E3;
}
.section-main {
    display:none;
}
body
{
    background-position: center 139px;
	background-repeat:repeat-x;
	background-size:1920px 661px;
	background-color:#e9e6e3;
}
 
.loading-spinner {
  display: block;
  z-index: 100;
  background-image: url(../images/components/pager/loading.gif);
  background-repeat: no-repeat;
  background-position: center;
  width: 100px;
  height: 100px;
  top: 650px;
  position: absolute;

}
.dropdown-title-lp
{
    position: relative;
    top: 0;
    right: 0;
}
.filter-panel
{
    display: none;
}
.filterbar:before
{
    display: none;
}
    .show-filter
{
    display:none;
}
a.show-filter
{
    display:none;
}
    
.products-search {
    margin: -22px 36% -27px;
}
@media only screen and (max-width:1199px) {
.products-search {
    margin: -22px 33% -27px;
}
}
@media only screen and (max-width:991px) {
.products-search {
    margin: -28px 28% -27px;
}
}
@media only screen and (max-width:480px) {
.products-search {
    margin: -26px 22% -27px;
}
.products-search .products-search-container a#btnSectionSearch {
    top: 2px;
}
}
@media only screen and (max-width:320px) {
.products-search {
    margin: -26px 8% -27px;
}
}
.products-search .products-search-button {
    display: block;
    background-image: url("../images/screens/products/searchMagGlass.png");
    background-repeat: no-repeat;
    background-position: center center;
    height: 22px;
    width: 24px;
    position: absolute;
    overflow: hidden;
    text-indent: -5000px;
    top: 3px;
    right: 18px;
    padding: 0px;
    z-index: 9;
}
.products-search input[type="text"], .products-search input[type="search"] {
    width: 310px;
    padding: 7px 25px 7px 15px;
    border: medium none;
    border-radius: 8px;
    font-size: 16px;
    color: rgb(127, 126, 125);
    outline: medium none;
    background-color: rgb(220, 215, 210);
    text-transform: uppercase;
    font-weight: 700;
	height:27px !important;
}
@media only screen and (max-width:1025px) {
.products-search .products-search-button {
    top: 8px;
}
}
.caret {
    display: inline-block;
    width: 8px;
    height: 0px;
    margin-left: 2px;
    vertical-align: top;
    border-top: none;
    border-right: none;
    border-left: none;
}
@-ms-viewport {width:auto !important;}
* {max-height:1000000px;}

.tab-carousel {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}
.tab-carousel__tab-text {
    text-transform: uppercase;
    font-family: omnes-pro,Helvetica,Arial,sans-serif;
    margin: 0px;
    color: #198AC9 !important;
}
.boxes-holder
{
    background:none !important;
	padding:12px 15px !important;
}
.section-boxes {
    padding-bottom: 0px !important;
}
.section {
    padding: 0px 0px 0px 0px !important;
}
#polyRotator {
	padding-bottom:30px;
}
.body {
	background-position: center 25px!important;
	background-repeat:no-repeat !important;	
}
.polyrotator .polyrotator__shadow {
background-position:center -10px !important;	
}
.swipeEducator
{
    max-height: 495px !important;
	height:100% !important;
	margin-bottom:20px;
    text-align: center;
}

.shadowEducator
{
    padding-bottom: 15px;
}

.paginationEducator
{
    margin-top: -55px !important;
    left: 270px !important;
    background: none !important;
	top:-63px !important;
	display: inline-block !important;

}

@media only screen and (max-width:1199px)
{
.paginationEducator
{
		left: 68% !important;
	display: block !important;
}
}
@media only screen and (max-width:1025px)
{
	.paginationEducator
{
	margin-top: -12px !important;
}
}
@media only screen and (max-width:769px)
{
	.paginationEducator
{
	margin-top: -26px !important;
}
}
@media only screen and (max-width:479px)
{
	.paginationEducator
{
		left: 51% !important;
	display: block !important;
	top:-12px !important;
}
}
.pageImage
{
    background-image: url('/application/images/components/polyrotator/polyrotator-page-spriteEducator.png') !important;
}

@media only screen and (min-width:768px) and (max-width:1024px)
{
    #polyRotator {
	padding-bottom:0px;
}

    .shadowEducator
    {
        margin-top: -10px;
        padding-bottom: 15px;
    }

}

@media only screen and (max-width:479px)
{
#polyRotator {
	padding-bottom:0px;
}
    .swipeEducator
    {
        height: 190px !important;
        text-align: center;
    }

    .shadowEducator
    {
        margin-top: -10px;
        padding-bottom: 15px;
    }

    .paginationEducator
    {
        margin-top: -55px !important;
        left: 70px;
        background: none !important;
    }
}
/* End Overrides */

/*Educator SubNav*/
.SubNavWrapper
{
    margin-left: auto;
    margin-right: auto;
    width: 100%
}
.SubNavPad
{
    clear:both;
    height:20px;
}
.crumbsWrapper{
	margin:0px auto;
	width:100%;
	max-width:1140px;
text-align:left;
}
.SubNavBreadcrumbs {
    font-family: Arial,Helvetica,sans-serif;
    text-align: left;
    padding: 1%;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
}
.SubNavBreadcrumbs a, .SubNavBreadcrumbs a:visited {
    color: #187816 !important;
    text-decoration: none !important;
	    font-weight: 500;
}
.SubNavBreadcrumbs a:hover {
	color:#11530f !important;
    text-decoration: underline !important;
}
@media only screen and (max-width:1199px)
{
	.SubNavBreadcrumbs
{
    padding: 1% 25px;
}
}
@media only screen and (max-width:767px){
	.SubNavBreadcrumbs, .SubNav{display:none;}
}
@media only screen and (max-width:479px)
{
    .SubNavWrapper
    {
        margin-left: 0px;
        margin-right: 0px;
        width: 100%;
    }
    .SubNavPad
    {
       display:none;
    }
    .SubNavHide
    {
        display: none;
    }

    .SubNav
    {
        font-family: omnes-pro, sans-serif;
        font-weight: 500;
        color: white;
        background-color: #168bc4;
        border: 0px;
        border-top-right-radius: 0px;
        border-top-left-radius: 0px;
        height: 24px;
        padding: 0px 0 2px 0px;
        text-align: center;
    }

    .SubNavTitle
    {
        font-size: 16px;
        padding: 0 0 0 0;
        background-color: #168bc4;
        border: 0px solid #168bc4;
        border-top-left-radius: 0;
        margin: 0 0 0 0;
        height: 20px;
        vertical-align:middle;
    }
}
.CurrentPage
{
    color: #C8C8C7;
}

.SubNav
{
    font-family: omnes-pro, sans-serif;
    font-weight: 500;
    color: white;
    height: 50px;
    padding: 1px 0 0 12px;
    letter-spacing:1px;
	text-align:center;
	background: -webkit-linear-gradient(right, #168BC4 65%, #0E75AE 65%); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(right, #168BC4 65%, #0E75AE 65%); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(right, #168BC4 65%, #0E75AE 65%); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to left, #168BC4 65%, #0E75AE 65%); /* Standard Syntax */
}
@media only screen and (max-width:1494px){
.SubNav
{
		background: -webkit-linear-gradient(right, #168BC4 75%, #0E75AE 75%); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(right, #168BC4 75%, #0E75AE 75%); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(right, #168BC4 75%, #0E75AE 75%); /* Standard Syntax */
background: linear-gradient(to left, #168BC4 75%, #0E75AE 75%);
}	
}
@media only screen and (max-width:835px){
.SubNav
{
		background: -webkit-linear-gradient(right, #168BC4 80%, #0E75AE 80%); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(right, #168BC4 80%, #0E75AE 80%); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(right, #168BC4 80%, #0E75AE 80%); /* Standard Syntax */
background: linear-gradient(to left, #168BC4 80%, #0E75AE 80%);
}	
}

.SubNavTitle {
    font-size: 24px;
    padding: 5px 21px 6px;
    background-color: #0E75AE;
    border: 2px solid #0E75AE;
    height: 50px;
    vertical-align: middle;
    line-height: 46px;
}
.SubNavTitle a{
color:#FFF !important;
font-weight:500 !important;	
}
.SubNavRightArrow
{
  border-style: dashed;
  border-color: transparent;
  border-width: 0.53em;
  display: -moz-inline-box;
  display: inline-block;
  /* Use font-size to control the size of the arrow. */
  font-size: 45px;
  height: 0;
  line-height: 0;
  position: relative;
  vertical-align: middle;
  width: 0;
  border-left-width: .25em;
  border-left-style: solid;
  border-left-color: #0e75ae;

}
.SubNavLink
{
    font-size: 16px;
    padding: 0 1px 0 1px;
    border-right: 1px solid #0e75ae;
	position:relative;
	top:3px;
}
.SubNavLink a
{
    color: white !important;
	font-weight:500 !important;
    text-decoration: none;
    padding: 2px 20px 4px 20px;
    border: 2px solid #168bc4;
    border-radius: 3px 3px 3px 3px;
}
@media only screen and (max-width:783px){.SubNavLink a {padding: 2px 14px 4px;}}
.SubNavLink a:hover
{
    text-decoration: none !important;
    background-color: #0e75ae;
    border: 2px solid #0e75ae;
}

.SubNavLink a.selected
{
    text-decoration: none !important;
    background-color: #086192;
    border: 2px solid #086192;
}
}
/*Educator Touts*/

.ToutsWrapper
{
    width: 100%;
    min-height: 250px;
    padding-top: 30px;
    text-align: center;
    z-index: 6;
}
.ToutsRow
{
    min-height: 250px;
    left: 50%;
    width: 100%;
}

.DoubleToutItem
{
    width: 66%;
    min-height: 250px;
    float: left;
    position: relative;
    display: block;
}

.SingleToutItem
{
    width: 32%;
    float: left;
    position: relative;
    display: block;
}
@media only screen and (min-device-width:767px) and (max-device-width:1025px)
{
    .ToutsRow
    {
        clear: both;
        min-height: 250px;
        width: 100%;
    }

    .DoubleToutItem
    {
        width: 66%;
        min-height: 250px;
        float: left;
        position: relative;
        display: block;
        clear: both;
    }
	.SingleToutItem
{
    width: 32%;
    float: left;
    position: relative;
    display: block;
}
}
@media only screen and (max-width:736px)
{
.boxes-holder {
    padding: 0px 15px !important;
}
.section .sub-headline {
    padding: 0px 0px 14px !important;
}	
}
@media only screen and (max-width:480px)
{
    .ToutsRow
    {
        clear: both;
        min-height: 250px;
        width: 100%;
    }

    .DoubleToutItem
    {
        width: 100%;
        min-height: 250px;
        float: left;
        position: relative;
        display: block;       
        margin: 0 auto;
        clear: both;
    }
	.SingleToutItem {
    width: 98%;
    float: left;
    position: relative;
    display: block;
    margin: 15px auto 0px;
    clear: both;
    height: auto;
min-height:0;
}
}