/**
 * eKids v1 styles
 * Leaving in place and overwriting with v3 .less files
 */

/* Discover
------------------------------------------------------------ */


.big_lead {
	font-size: 48px;
	color: #1a73d7;
	font-weight: 300;
	line-height: 44px;
	padding-bottom: 20px;
	}

.big_sub {
	font-size: 22px;
	color: #aaa;
	line-height: 26px;
	}

.feature_row {
	background: url("../images/feature_row_blue.d58915b6dd19.jpg") no-repeat;
	padding-bottom: 50px;
	}

.feature_brick {
	margin-top: 60px;
	text-align: center;
	}

.feature_brick .big_sub {
	margin-top: 60px;
	text-align: center;
	}

.feature_lead {
	font-size: 26px;
	color: #1a73d7;
	}

.row_tuck {
	clear: both;
	margin-top: -100px;
}

.row_tuck img{
	margin-top: -30px;
	}

/* Bread Crumb & Shop/Product Title
------------------------------------------------------------ */

.col_12.bread {
	margin-top: -13px;
	margin-bottom: 40px;
	}

.bread_crumb {
    font-weight: 600;
	color: #cac2b5;
	line-height: 14px;
	}

.rsaquo {
    font-weight: 800;
	font-size: 18px;
	padding-left: 3px;
	padding-right: 3px;
	}

.shop_identifier {
    font-weight: 400;
	color: #000;
	font-size: 36px;
	}



/* Sidebar Nav
------------------------------------------------------------ */

#sidebar ul {
	width: 200px;
	float: left;
	-webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    border-radius: 13px;
	background: #eceae7;
	list-style: none;
	padding:0;
	}

#sidebar li {
	float: left;
	display:block;
	}

.sidebar_top {
	height: 105px;
	}

.sidebar_top a {
	opacity: 0.5;
	}

.sidebar_middle {
	height: 105px;
	background: url("../images/sidebar_brick.c184460bfe68.png")
	}

.sidebar_middle a {
	opacity: 0.5;
	}

.sidebar_selected {
	height: 105px;
	width: 200px;
	background: #fff;
	}

.sidebar_selected a {
	opacity: 1;
	}

.see_all_products {
	height: 60px;
	text-align: center;
	background: url("../images/sidebar_brick_seeall.f05b15e044b4.png")
	}

#sidebar li a:hover {
	opacity: 1;
	}

#sidebar .see_all_products a {
	font-size: 18px;
	padding-top: 18px;
	height: 60px;
	width: 200px;
	display: block;
	color: #686055;
	opacity: 0.5;
	}


/* Structure
------------------------------------------------------------ */

#content {
	background: #fff;
	}


/* Bricks
------------------------------------------------------------ */

.brick {
	margin-bottom: 24px;
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    border-radius: 13px;
	padding: 11px 14px 11px 14px;
	border: #eceae7 1px solid;
	}

.brick_heading {
	margin: -11px -14px 12px -14px;
	padding: 12px 14px 11px 14px;
    font-weight: 600;
	color: #676562;
	font-size: 18px;
    line-height: 24px;
    -webkit-border-top-left-radius: 13px;
    -webkit-border-top-right-radius: 13px;
    -moz-border-radius-topleft: 13px;
    -moz-border-radius-topright: 13px;
    border-top-left-radius: 13px;
    border-top-right-radius: 13px;
	background: #eceae7;
	}

	.brick_heading.not_top {
		margin-top: 0;
		padding-top: 13px;
		-webkit-border-top-left-radius: 0px;
		-webkit-border-top-right-radius: 0px;
		-moz-border-radius-topleft: 0px;
		-moz-border-radius-topright: 0px;
		border-top-left-radius: 0px;
		border-top-right-radius: 0px;
	}

	.brick_heading.larger {
	font-size: 24px;
	line-height: 30px;
	}


/* Brick_tabs
-------------------------------------------------- */

.brick_tabs {
	margin: -11px -14px 12px -14px;
	-webkit-border-top-left-radius: 13px;
	-webkit-border-top-right-radius: 13px;
	-moz-border-radius-topleft: 13px;
	-moz-border-radius-topright: 13px;
	border-top-left-radius: 13px;
	border-top-right-radius: 13px;
    border-bottom: #dcdad7 1px solid; /* brighter than normal */
    background: #eceae7;
    display: block;
	}

.brick_tabs ul {
	padding: 0;
	list-style: none;
	}

.brick_tabs li {
    float: left;
    padding: 0;
	}

.brick_tabs a {
	display: block;
    border-right: #dcdad7 1px solid; /* brighter than normal */
    padding: 12px 30px 10px 30px;
	font-size: 18px;
    line-height: 24px;
	}

	.brick_tabs a:hover {
	opacity: 1.0;
	background: #f6f4f2;
	}

	.brick_tabs .selected a {
	margin-bottom: -1px;
	padding-bottom: 11px;
	color: #111;
	background: #fff;
	}

    .brick_tabs li:first-child.selected a {
    -webkit-border-top-left-radius: 13px;
    -moz-border-radius-topleft: 13px;
    border-top-left-radius: 13px;
    }


/* Brick Sub Nav
-------------------------------------------------- */

.sub_nav {
	margin-bottom: 5px;
	padding-bottom: 0;

	}

	.sub_nav .brick_heading {
	margin-bottom: 0;
	}

.sub_nav ul {
	margin-left: -14px;
	margin-right: -14px;
	padding: 0;
	list-style: none;
	}

.sub_nav li {
	padding: 0;
	}

.sub_nav li a {
	border-bottom: #eceae7 1px solid;
	padding: 10px 14px 7px 14px;
	display: block;
	}

	.sub_nav li a:hover {
	opacity: 1.0;
	background: #f9f7f5;
	}

	/* removes final separator */
	.sub_nav li:last-child a {
	padding-bottom: 8px;
	border-bottom: none;
	}

	/* rounds final items corners */
	.sub_nav ul:last-child li:last-child a {
	-webkit-border-bottom-right-radius: 13px;
	-webkit-border-bottom-left-radius: 13px;
	-moz-border-radius-bottomright: 13px;
	-moz-border-radius-bottomleft: 13px;
	border-bottom-right-radius: 13px;
	border-bottom-left-radius: 13px;
	}

	.sub_nav.sub_nav_no_heading {
	padding-top: 0px;
	}

	/* rounds top item if no header */
	.sub_nav.sub_nav_no_heading ul:first-child li:first-child a {
	padding-top: 9px;
	-webkit-border-top-left-radius: 13px;
	-webkit-border-top-right-radius: 13px;
	-moz-border-radius-topleft: 13px;
	-moz-border-radius-topright: 13px;
	border-top-left-radius: 13px;
	border-top-right-radius: 13px;
	}


/* Featured List
------------------------------------------------------------ */

.featured_list {
	margin-top: -12px;
	margin-left: -14px;
	margin-right: -14px;
	padding: 0;
	list-style: none;
	}

.featured_list li {
	float: left;
	padding: 12px 22px 0 22px;
	width: 190px;
	text-align: center;
	background: url("../images/featured_list_separator.c8663b142e82.png") no-repeat right top;
	}

	.featured_list li.row_end {
		padding-left: 23px;
		padding-right: 23px;
		background: none;
	}

.featured_list .product_shot {
	/* image is 180px wide, in a 190px space */
	padding-right: 5px;
	padding-left: 5px;
	/* image is 160px tall so we make up the difference + top margin */
	padding-top: 2px;
	padding-bottom: 0;
	}

	.featured_list .product_shot a {
	display: block;
	}

	.featured_list .product_shot img {
	display: block;
	}

.featured_list .product_info {
	padding-left: 15px;
	padding-right: 15px;
	margin-top: -6px;
	}

.featured_list .price {
	margin-top: -12px;
	}

/* Spinner
-------------------------------------------------- */

.spinner {
	padding: 12px 0 12px 0;
	}

.spinner p {
	margin: 0 auto;
	height: 0;
	width: 36px;
	padding: 36px 0 0 0;
	overflow: hidden;
	-webkit-mask-image: url("../images/spinner.3b05983a35c9.png");
	background-color: #908780;
	-webkit-animation-name: spinnerRotate;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	}

@-webkit-keyframes spinnerRotate {
	from {
		-webkit-transform:rotate(0deg);
	}
	to {
		-webkit-transform:rotate(360deg);
	}
}

/* Generic
-------------------------------------------------- */

.section {
    margin-bottom: 24px;
	border-bottom: #eceae7 1px solid;
    padding-bottom: 0;
    }


.section:last-child, .section.last {
    margin-bottom: 0;
	border-bottom: none;
    padding-bottom: 0;
    }


/* spacing */

.push {
	margin-bottom: 6px;
	}

	.push_2 {
	margin-bottom: 12px;
	}

	.push_3 {
	margin-bottom: 18px;
	}

.pull {
	margin-bottom: -6px;
	}

	.pull_2 {
	margin-bottom: -12px;
	}

	.pull_3 {
	margin-bottom: -18px;
	}

.tuck {
	margin-top: -6px;
	}

	.tuck_2 {
	margin-top: -12px;
	}

	.tuck_3 {
	margin-top: -18px;
	}

.bump {
	margin-top: 6px;
	}

	.bump_2 {
	margin-top: 12px;
	}

	.bump_3 {
	margin-top: 18px;
	}

.bump_right {
	margin-right: 6px;
	}

	.bump_right_2 {
	margin-right: 12px;
	}

	.bump_right_3 {
	margin-right: 18px;
	}


/* type */

.align_center {
    text-align: center;
    }

.align_right {
    text-align: right;
    }

.align_left {
    text-align: left;
    }

.lighten {
    color: #777;
    }

.darken {
    color: #222;
    }

.bold {
    font-weight: bold;
    }

.normal {
    font-weight: normal;
    }

.note {
	padding-top: 5px;
	padding-bottom: 7px;
	font-size: 14px;
	line-height: 18px;
    }

/* misc */

.display_none {
	display: none;
	}

.float_right {
    float: right;
    }

.float_left {
    float: left;
    }

.no_formatting {
    list-style: none;
}

.flush {
    padding-left: 0;
}


/* Device compatibility icons
-------------------------------------------------- */


/* Device compatibility icons
-------------------------------------------------- */

.device_compatibility_icons {
	margin-top: -4px;
	padding-bottom: 10px;
	}

.device_compatibility_icons td {
	padding-top: 4px;
	vertical-align: bottom;
	}

.device_compatibility_icons td img {
	padding: 2px 2px 0 2px;
	-webkit-transition: all 200ms ease-out;
	}

.device_compatibility_icons td img:hover {
	margin-top: -4px;
	padding-bottom: 4px;
	-webkit-transition: all 200ms ease-out;
	}

/* TipTip
-------------------------------------------------- */

#tiptip_holder {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	}

#tiptip_holder.tip_top {
	padding-bottom: 5px;
	}

#tiptip_holder.tip_bottom {
	padding-top: 5px;
	}

#tiptip_holder.tip_right {
	padding-left: 10px;
	}

#tiptip_holder.tip_left {
	padding-right: 10px;
	}

#tiptip_content {
	padding: 4px 8px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	color: #fff;
	box-shadow: #777 0px 1px 3px;
	-webkit-box-shadow: #777 0px 1px 3px;
	-moz-box-shadow: #777 0px 1px 3px;
	background-color: #000;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000));
	}

#tiptip_arrow, #tiptip_arrow_inner {
	position: absolute;
	border-color: transparent;
	border-style: solid;
	border-width: 6px;
	height: 0;
	width: 0;
	}

#tiptip_holder.tip_top #tiptip_arrow {
	border-top-color: #000;
	}

#tiptip_holder.tip_bottom #tiptip_arrow {
	border-bottom-color: #000;
	}

#tiptip_holder.tip_right #tiptip_arrow {
	border-right-color: #000;
	}

#tiptip_holder.tip_left #tiptip_arrow {
	border-left-color: #000;
	}

#tiptip_holder.tip_top #tiptip_arrow_inner {
	margin-top: -7px;
	margin-left: -6px;
	border-top-color: #000;
	}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
	margin-top: -5px;
	margin-left: -6px;
	border-bottom-color: #000;
	}

#tiptip_holder.tip_right #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -5px;
	border-right-color: #000;
	}

#tiptip_holder.tip_left #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -7px;
	border-left-color: #000;
	}

/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#tiptip_content {
		padding: 4px 8px 5px 8px;
	}

	#tiptip_holder.tip_top #tiptip_arrow {
	border-top-color: #000;
	}
	#tiptip_holder.tip_bottom #tiptip_arrow {
	border-bottom-color: #444;
	}
	#tiptip_holder.tip_top #tiptip_arrow_inner {
		border-top-color: #000;
	}
	#tiptip_holder.tip_bottom #tiptip_arrow_inner {
		border-bottom-color: #444;
	}
}


/* Messages
-------------------------------------------------- */


/* django form errors, appear below form objects */

.errorlist {
	margin: -10px 0 0 0;
	padding: 5px 0 5px 0;
	list-style: none;
	font-size: 11px;
	color: #900;
	}

.errorlist li {
	margin: 0;
	padding: 0;
	}

.warning,
.error {
	color: #900;
	}



.messages {
	margin: 0;
	padding: 0 0 20px 0;
	list-style: none;
	}

.messages li {
	margin: 0 0 0 0;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: #aaa 2px solid;
	padding: 9px 15px 11px 15px; /* should be 11/9 but looks better this way */
	background: #ccc;
	font-weight: bold;
	}

.messages li.special,
.messages li.success {
	border-color: #aabb88;
	color: #445533;
	background: #ddeebb;
	}

.messages li.info,
.messages li.debug,
.messages li.warning {
	border-color: #ddcc99;
	color: #554433;
	background: #ffffcc;
	}

.messages li.error {
	border-color: #d8826c;
	color: #87240e;
	background: #f5e3d9;
	}


/* JQUERY AUTOCOMPLETE */

.ui-menu  {
    margin: 0;
    border: #ccc 1px solid;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding: 0;
    width: 118px;
    max-height: 195px;
    list-style: none;
    overflow: auto;
    background: #fff;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
	box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
    }

.ui-menu li {
    margin: 0;
    border: none;
    padding: 0;
    }

.ui-menu li a  {
    display: block;
	margin:0;
	border-bottom: #eee 1px solid;
	padding: 4px 8px 5px 8px;
	cursor: pointer;
    }

    .ui-menu li:last-child a {
    border-bottom: none;
    }

.ui-menu li a:hover, .ui-state-hover {
    background: #eee;
    }