h1			{color:#e25b9a; font-size: 30px; font-family: 'Roboto Slab', serif; font-weight: 300}


/* MAIN NAVIGATION */
ul.mainNav						{background-color:#f6ebf1;}
ul.mainNav li a					{color:#6f989f;}
ul.mainNav li a#homeIcon		{background-image:url(/_assets/icon-home-blue.gif);}
ul.mainNav li a#homeIcon:hover	{background-image:url(/_assets/icon-home.png);}
ul.mainNav li a span			{background-image:url(/_assets/icon-nav-down-blue.png); height: 8px;}
ul.mainNav li:hover 			{background-color:#e25b9a}
ul.mainNav li:hover a			{color:#ffffff;}
ul.mainNav li:hover a span		{background-image:url(/_assets/icon-nav-down-white.png);}
ul.mainNav li.trade-site a,
ul.mainNav li.twenty-tm a		{color:#ffffff;}

/* MAIN NAVIGATION DROPDOWN */
ul.mainNav li div.dropdown					{background-color:#e25b9a}
ul.mainNav li div.dropdown ul li 			{border-color:rgba(255,255,255,0.3);}
ul.mainNav li div.dropdown ul li a			{color:#ffffff;}
ul.mainNav li div.dropdown ul li:hover		{background-color:#ffffff;}
ul.mainNav li div.dropdown ul li:hover a	{color:#6f989f;}

/* FOOTER */
footer							{background-color:#f6eaf1;}
footer h5,
footer p,
footer ul li a					{color:#6f989f}
footer ul li a:hover			{color:#e25b9a;}
footer ul.social li a:hover	i 	{color:#e25b9a;}
footer .btn-blue				{background-color:#e25b9a}

/* PAGE STYLES */
.dotted			{padding: 30px 0; background-image: url(/_assets/bg-dots.gif);}
.hyp-header		{width:100%;}
.zigzag			{background-image:url(/_assets/blue-zigzag.png); background-size: auto 15px; display: block; width: 100%; height:15px; position: relative;}
.zigzag:after	{border-top:7px solid #cadeed; position: absolute; top: 0; left: 0; width: 100%; content:''; z-index: -1}
.centered		{text-align:center;}

/* PAGE HEADER */
.hyp-header	{width:100%;}

/* LISTING */
.hyp-listing .listing-item 	{float:none}
.col-row					{font-size:0;}
.col-container				{font-size:0; width: 1262px; margin: auto; max-width: 100%;}
.col-4						{width:25%; display: inline-block; vertical-align: top; padding: 15px;}

.hyp-listing-item				{padding:20px; background-color: #f0f6fa; position: relative; overflow: hidden;}
.hyp-listing-image img			{width:100%; transition: 0.2s ease-out}
.hyp-listing-text				{padding:15px;}
.hyp-listing-text h3			{font-size:14px; font-family: 'Roboto Slab', serif; font-weight: 600; color:#6f989f; line-height: 1.5em; margin-bottom:5px}
.hyp-listing-text p				{font-size:14px; font-weight: 400; color:#6f989f; margin-bottom: 5px;}
.hyp-listing-text p.price		{font-size:16px; font-weight: 600; color:#e25b9a;}
.hyp-add-btn					{background-color:#e25b9a; font-size: 16px; color:#ffffff; border-radius: 60px; padding: 15px 25px; display: inline-block; margin: auto; font-family: 'Roboto Slab', serif; transition: 0.5s ease-out}
.hyp-add-btn:hover				{background-color:#6f989f;}

.hyp-banner		{width:900px; max-width: 100%;}

.hyp-add-btn.btn-blue { background-color: #2a7bc4; }

/************************/

.btn-other-sites-container,
.hyp-header-mb	{display:none}



/* HYP DETAIL PAGE */
header				{background-color:#ffffff;}
.jPanelMenu-panel	{background:url(/_assets/bg-dots.gif) #ffffff !important;}

.book-details-container-hyp h1	{font-family: 'Roboto Slab', serif; font-weight: 400; color:#6f989f;}
.book-details-container-hyp h2	{font-weight: 600; color:#e25b9a;}

.narrow-col-listing-container		{background-color:#f0f6fa; border:none;}
.narrow-col-listing-container h5	{font-family: 'Roboto Slab', serif; font-weight: 400; color:#6f989f; font-size: 18px;}
.narrow-col-listing .listing-item:hover	{background-color:transparent;}
.narrow-col-listing .listing-item p 	{color:#6f989f;}
.narrow-col-listing .listing-item p a	{color:#6f989f; font-family: 'Roboto Slab', serif;}
p.sub-title strong						{color:#e25b9a}

.book-details-header	{color:#6f989f; background-color:#f6ebf1; font-family: 'Roboto Slab', serif;}
.book-details			{background-color:#fdf8fb;}
.book-details h3		{color:#e25b9a;}
.book-details a			{color:#49acf5;}
.btn-green,
ul.tab-list li.add-to-basket a	{background-color:#e25b9a;}


.noStockBtn.large { padding: 15px 25px; border-radius: 25px; font-family: 'Roboto Slab', serif; font-size: 16px; }







@media (max-width: 768px) {

	/* PAGE HEADER */
	.hyp-header		{display:none}
	.hyp-header-mb	{display:block; width: 100%;}

	/* HYP LISTING */
	.col-container.centered	{text-align:left}
	.col-4	{width:33.333%;}
	.hyp-listing-item	{text-align:center;}
	.hyp-add-btn		{padding:15px; font-size: 14px;}

}

@media (max-width: 640px) {

	/* HYP LISTING */
	.col-4				{width:50%; padding: 7px;}
	.col-container		{padding:7px;}
	.hyp-listing-item	{padding:10px; padding-bottom: 15px;}
	.hyp-listing-text	{padding-left:0; padding-right: 0}

}