/***********************************/
/********** Display blocks, ********/
/***********************************/

.left {
    float: left;
}

.right {
    float: right;
}

.center {
    text-align: center;
}

.box-center {
    margin: 0 auto;
}

.left-text {
    text-align: left;
}

.right-text {
    text-align: right;
}

/* ************************************************
***************** Header/Footer *******************
************************************************ */


.mobile form#formSearch {
	margin-bottom: 0em;
}

/* ************************************************
************* Component Specific ******************
************************************************ */

.mobile .carousel {
    max-width: none; 
}

.mobile .ui-carousel {
	margin-left: auto;
	margin-right: auto;
}

.mobile .web-slideshow .ui-carousel {
	width: 100%;
}

.mobile .product-pod.center-block {
	width: 220px;
}

.mobile hr.dotted {
	background: none;
    border: 2px #d9d9d9 dotted;
    border-style: none none dotted;
    margin: 0em 0em 1em 0em;
}

.mobile .banner-image {
	margin: 0 auto !important;
	position: relative;
}

.mobile .v3.section.banner,
.mobile .full-bar-container,
.mobile .tab-container { 
	margin: 0 -1em; 
}

.mobile .full-bar-container .container { 
	margin: 0 1em; 
}

.mobile footer .full-bar-container {
	margin: 0;
}

/***********************************/
/****** Email Capture Styling  ******/
/***********************************/

.email-form-section input[type="text"],
.email-form-section input[type="email"],
.email-form-section input[type="search"],
.email-form-section input[type="password"],
.email-form-section textarea {
    padding: 5px;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
	border: none;
	-webkit-box-shadow: 1px 1px 4px #999999 inset;
	   -moz-box-shadow: 1px 1px 4px #999999 inset;
	        box-shadow: 1px 1px 4px #999999 inset;
	z-index: 1;
    -webkit-appearance: none; /* fixes box-shadow on iOS*/
}

.email-form-section input[type="text"]:focus,
.email-form-section input[type="email"]:focus,
.email-form-section input[type="search"]:focus,
.email-form-section input[type="password"]:focus,
.email-form-section textarea {
    padding: 4px;
    border: 1px solid rgba(82, 168, 236, 0.8);
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(82, 168, 236, 0.6);
	   -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(82, 168, 236, 0.6);
	        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(82, 168, 236, 0.6);
	outline: 0 none;
}

.email-form-section input[type="checkbox"] {
	opacity: 0;
	position: absolute;
	width:32px;
	height:32px;
}

.email-form-section input[type="checkbox"] ~ label {
	background: url('https://t7.leapfrog.com/images/cq-png-alpha-no-resize/green-check-box-2.png') no-repeat;
	background-position: 0px -63px;
	display: block;
	clear: left;
	float: left;
	padding-left: 40px;
}

.email-form-section input[type="checkbox"]:checked ~ label {
	background-position: 0px 0px;
}

.email-form-section .row .control-group .checked {
	background-position: 0px 0px;
}

.email-form-section p[class*="-error"] {
	color: red;
}

.email-form-section .chzn-container-single .chzn-single div b {
	background: url('../../../../img/cq/vendor/icon-dropdown.png') no-repeat center center !important;
	display: block !important; /* need to override general chosen select CSS, which also has a !important */
	width: 100% !important;
	height: 100% !important;
}

.email-form-section .chzn-container-single .chzn-single {
	padding: 4px 4px 4px 8px;
}

.email-form-section .chzn-container-single, .email-form-section .chzn-container-single .chzn-drop {
	width: 100% !important; /* need to override chosen width. chosen likes to calculate width*/
}

.email-form-section select,
.email-form-section input.email {
	width: 100%;
	max-width: 272px;
}

.email-form-hidden {
	display: none;
}

/* ************************************************
****************** Fonts sizes ********************
************************************************ */
.fontsize48 {
	font-size:48px;
}

.fontsize44 {
	font-size:44px;
}

.fontsize40 {
	font-size:26px;
}

.fontsize36 {
	font-size:36px;
}

.fontsize33 {
	font-size:33px;
}

.fontsize32 {
	font-size:32px;
}

.fontsize28 {
	font-size:22px;
}

.fontsize24 {
	font-size:20px;
}

.fontsize23 {
	font-size:23px;
}

.fontsize22 {
	font-size:20px;
}

.fontsize20 {
	font-size:18px;
}

.fontsize19 {
	font-size:19px;
}

.fontsize18 {
	font-size:16px;
}

.fontsize17 {
	font-size:17px;
}

.fontsize16 {
	font-size:16px;
}

.fontsize15 {
	font-size:15px;
}

.fontsize14 {
	font-size:16px;
}

.fontsize13 {
	font-size:13px;
}

.fontsize12 {
	font-size:12px;
}

.fontsize11 {
	font-size:14px;
}

.fontsize10 {
	font-size:10px;
}
.fontsize9 {
	font-size:12px;
}

.x-small {
    font-size:8px;
}

 .small {
    font-size: 66.66666666666667%;
}

 .large {
    font-size: 150%;
}

.x-large {
    font-size:200%;
}

/***********************************/
/********** Margins ****************/
/***********************************/

.auto-margin {
	margin:0 auto;
}

.margin-48t {
	margin-top:-48px;
}

.margin0t {
	margin-top:0px;
}

.margin0b {
	margin-bottom:0px;
}


.margin2t {
	margin-top:2px;
}

.margin2r {
	margin-right:2px;
}

.margin2b {
	margin-bottom:2px;
}

.margin2l {
	margin-left:2px;
}

.margin4t {
	margin-top:4px;
}

.margin4r {
	margin-right:4px;
}

.margin4b {
	margin-bottom:4px;
}

.margin4l {
	margin-left:4px;
}

.margin8t {
	margin-top:8px;
}

.margin8r {
	margin-right:8px;
}

.margin8b {
	margin-bottom:8px;
}

.margin8l {
	margin-left:8px;
}

.margin10t {
	margin-top:10px;
}

.margin10r {
	margin-right:10px;
}

.margin10b {
	margin-bottom:10px;
}

.margin10l {
	margin-left:10px;
}

.margin12t {
	margin-top:12px;
}

.margin12r {
	margin-right:12px;
}

.margin12b {
	margin-bottom:12px;
}

.margin12l {
	margin-left:12px;
}

.margin16t {
	margin-top:16px;
}

.margin16r {
	margin-right:16px;
}

.margin16b {
	margin-bottom:16px;
}

.margin16l {
	margin-left:16px;
}

.margin20t {
	margin-top:20px;
}

.margin20r {
	margin-right:20px;
}

.margin20b {
	margin-bottom:20px;
}

.margin20l {
	margin-left:20px;
}
.margin24t {
	margin-top:24px;
}

.margin24r {
	margin-right:24px;
}

.margin24b {
	margin-bottom:24px;
}

.margin24l {
	margin-left:24px;
}

.margin30t {
	margin-top:30px;
}

.margin30r {
	margin-right:30px;
}

.margin30b {
	margin-bottom:30px;
}

.margin30l {
	margin-left:30px;
}

/***********************************/
/********** Padding ****************/
/***********************************/
.padding0t{
	padding-top: 0;
}

.padding0b {
	padding-bottom: 0;
}

.padding1t{
	padding-top:1px;
}

.padding1b {
	padding-bottom:1px;
}

.padding4t {
	padding-top:4px;
}

.padding4r {
	padding-right:4px;
}

.padding4b {
	padding-bottom:4px;
}

.padding4l {
	padding-left:4px;
}

.padding5t {
	padding-top:5px;
}

.padding5r {
	padding-right:5px;
}

.padding5b {
	padding-bottom:5px;
}

.padding5l {
	padding-left:5px;
}

.padding8t {
	padding-top:5px;
}

.padding8r {
	padding-right:8px;
}

.padding8b {
	padding-bottom:8px;
}

.padding8l {
	padding-left:8px;
}

.padding10t {
	padding-top:10px;
}

.padding10r {
	padding-right:10px;
}

.padding10b {
	padding-bottom:10px;
}

.padding10l {
	padding-left:10px;
}

.padding15t {
	padding-top:15px;
}

.padding15r {
	padding-right:15px;
}

.padding15b {
	padding-bottom:15px;
}

.padding15l {
	padding-left:15px;
}

.padding20t {
	padding-top:20px;
}

.padding20r {
	padding-right:20px;
}

.padding20b {
	padding-bottom:20px;
}

.padding20l {
	padding-left:20px;
}

.padding25t {
	padding-top:25px;
}

.padding25r {
	padding-right:25px;
}

.padding25b {
	padding-bottom:25px;
}

.padding25l {
	padding-left:25px;
}

.padding30t {
	padding-top:30px;
}

.padding30r {
	padding-right:30px;
}

.padding30b {
	padding-bottom:30px;
}

.padding30l {
	padding-left:30px;
}

.padding40t {
	padding-top:40px;
}

.padding40b {
	padding-bottom:40px;
}

.padding16t {
	padding-top:16px;
}

.padding16r {
	padding-right:16px;
}

.padding16b {
	padding-bottom:16px;
}

.padding16l {
	padding-left:16px;
}

.padding40all {
	padding: 40px;
}

.padding20all {
	padding: 20px;
}

.padding10all {
	padding: 10px;
}

.padding5all {
	padding: 5px;
}

.padding1all {
	padding: 1px;
}

/***********************************/
/********** Background *************/
/***********************************/

.white-bkg {
    background-color: #FFF;
}

.light-grey-bkg {
	background-color: #ebebeb;
}

.grey-bkg {
    background-color: #666666;
}

.medium-green-bkg {
	background-color: #690;
}

.leapfrog-green-bkg {
	background-color: #77c201;
}

.plum-bkg {
	background-color: #706dba;
}

.light-blue-bkg {
	background-color: #45c1e3;
}