﻿/* Blue */
.blue .primary-colour {
    color:#202a74;
}
.blue .primary-background,
.blue .Selected {
    background-color:#202a74;
}
.blue .primary-background paging-right span {
    color:#fff;
}
.blue .primary-background-hover:hover {
    background-color:#202a74;
}
.blue .primary-border,
.blue a span,
.blue li:hover span,
.blue ul li:hover a {
    border-color: #202a74;
}
.blue .secondary-colour {
    color:#8f98db;
}
.blue .secondary-background {
    background-color:#8f98db;
}
.blue .secondary-background-hover:hover,
.blue .vertical-nav li .secondary-background-hover:hover {
    background:#8f98db;
}
.blue .secondary-border {
    border-color:#8f98db;
}
.blue .tertiary-color {
    color:#121a51;
}
.blue .tertiary-background {
    background-color:#121a51;
}
.blue .tertiary-background-hover:hover {
    background-color:#121a51;
}
.blue .tertiary-border {
    border-color:#121a51;
}
.blue .tertiary-button
{
    background-color:#121a51;
    color:#fff;
}

.blue .tertiary-button:hover
{
    background-color:#020a41;
}

.blue .tertiary-button:active
{
    background:#fff;
    color:#121a51;
    border: 1px solid ;
}
.blue .tertiary-button-pressed {
    background-color:#fff;
    color:#121a51;
    border:1px solid ;
}

.blue .tertiary-button-pressed:hover {
    background-color:#d3d3d3;
    color:#121a51;
    border: 1px solid #;
}

.blue .tertiary-button-pressed:active 
{
    background-color:#121a51;
    color:#fff;
}
.blue .product-list .tertiary-button-pressed .sprite-grid,
.blue .product-list .tertiary-button:active .sprite-grid,
.blue .generic-grid .tertiary-button-pressed .sprite-grid,
.blue .generic-grid .tertiary-button:active .sprite-grid {
    background-position:-24px 19px;
}
.blue .product-list .tertiary-button-pressed .sprite-list,
.blue .product-list .tertiary-button:active .sprite-list,
.blue .generic-grid .tertiary-button-pressed .sprite-list,
.blue .generic-grid .tertiary-button:active .sprite-list {
    background-position:-24px 34px;
}
.blue .product-list .tertiary-button-pressed:active .sprite-grid,
.blue .product-list .tertiary-button .sprite-grid,
.blue .generic-grid .tertiary-button-pressed:active .sprite-grid,
.blue .generic-grid .tertiary-button .sprite-grid  {
    background-position:-2px 19px;
}
.blue .product-list .tertiary-button-pressed:active .sprite-list,
.blue .product-list .tertiary-button .sprite-list,
.blue .generic-grid .tertiary-button-pressed:active .sprite-list,
.blue .generic-grid .tertiary-button .sprite-list {
    background-position:-2px 34px;
}
.blue .select-box-class.custom-select { 
    background: #fff url(../images/Layout/dropDownImageBlue.jpg) right center no-repeat;
}

.blue .puzzle-search {
    color: #ffffff !important;
    background-color:#3946a5;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3946a5), to(#202a74));
    background-image: -webkit-linear-gradient(top, #3946a5, #202a74);
    background-image:    -moz-linear-gradient(top, #3946a5, #202a74);
    background-image:     -ms-linear-gradient(top, #3946a5, #202a74);
    background-image:      -o-linear-gradient(top, #3946a5, #202a74);
}
.blue .puzzle-search .button {  background-color: #3946a5;  border: 1px solid #8f98db; }
.blue .puzzle-search .button:hover { background-color: #8f98db; }

/* Red */
.red .primary-colour {
    color:#b50e00;
}
.red .primary-background,
.red .Selected {
    background-color:#b50e00;
}
.red .primary-background-hover:hover {
    background-color:#b50e00;
}
.red .primary-border,
.red a span,
.red li:hover span,
.red ul li:hover a {
    border-color: #b50e00;
}
.red .secondary-colour {
    color:#c57a73;
}
.red .secondary-background {
    background:#c57a73;
}
.red .secondary-background-hover:hover,
.red .vertical-nav li .secondary-background-hover:hover {
    background:#c57a73;
}
.red .secondary-border {
    border-color:#c57a73;
}
.red .tertiary-color {
    color:#c57a73;
}
.red .tertiary-background {
    background:#7d3d39;
}
.red .tertiary-background-hover:hover {
    background:#7d3d39;
}
.red .tertiary-border {
    border-color:#7d3d39;
}
.red .tertiary-button {
    background:#7d3d39;
    color:#fff;
}

.red .tertiary-button:hover {
    background:#6d2d29;
}

.red .tertiary-button:active {
    background:#fff;
    color:#7d3d39;
    border: 1px solid ;
}

.red .tertiary-button-pressed {
    background:#fff;
    color:#7d3d39;
    border: 1px solid ;
}

.red .tertiary-button-pressed:hover {
    background:#d3d3d3;
    border: 1px solid ;
}

.red .tertiary-button-pressed:active {
    background:#7d3d39;
    color:#fff;
}
.red .product-list .tertiary-button-pressed .sprite-grid,
.red .product-list .tertiary-button:active .sprite-grid,
.red .generic-grid .tertiary-button-pressed .sprite-grid,
.red .generic-grid .tertiary-button:active .sprite-grid {
    background-position:-46px 19px;
}
.red .product-list .tertiary-button-pressed .sprite-list,
.red .product-list .tertiary-button:active .sprite-list,
.red .generic-grid .tertiary-button-pressed .sprite-list,
.red .generic-grid .tertiary-button:active .sprite-list  {
    background-position:-46px 34px;
}
.red .product-list .tertiary-button-pressed:active .sprite-grid,
.red .product-list .tertiary-button .sprite-grid,
.red .generic-grid .tertiary-button-pressed:active .sprite-grid,
.red .generic-grid .tertiary-button .sprite-grid {
    background-position:-2px 19px;
}
.red .product-list .tertiary-button-pressed:active .sprite-list,
.red .product-list .tertiary-button .sprite-list,
.red .generic-grid .tertiary-button-pressed:active .sprite-list,
.red .generic-grid .tertiary-button .sprite-list {
    background-position:-2px 34px;
}
.red .select-box-class.custom-select { 
    background: #fff url(../images/Layout/dropDownImageRed.jpg) right center no-repeat;
}

.red .puzzle-search {
    color: #ffffff !important;
    background-color:#cd1f11;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cd1f11), to(#900b00));
    background-image: -webkit-linear-gradient(top, #cd1f11, #900b00);
    background-image:    -moz-linear-gradient(top, #cd1f11, #900b00);
    background-image:     -ms-linear-gradient(top, #cd1f11, #900b00);
    background-image:      -o-linear-gradient(top, #cd1f11, #900b00);
}
.red .puzzle-search .button {  background-color: #b50e00;  border: 1px solid #cd1f11; }
.red .puzzle-search .button:hover { background-color: #cd1f11; }

.red .product-scroller .header-link .text { color: #D4D4D4;}
	
.red .product-scroller .header-link .sprite-go 
{
    width: 20px;
	height: 17px;
	background-position: -190px -40px;
}


/* Yellow */
.yellow .primary-colour {
    color:#ffc600;
}

.yellow .product-scroller h3 {color: #3D3F3E;}

.yellow .product-scroller .header-link .text { color: #3D3F3E;}
	
.yellow .product-scroller .header-link .sprite-go 
{
    width: 20px;
	height: 17px;
	background-position: -70px -3px;
}

.yellow .mini-basket .header-links a,
.yellow .mini-basket .header-links span { color: #000 !important;}
.yellow .mini-basket .header-links .header-renew { color: #FFF !important;}


.yellow .primary-background,
.yellow .Selected {
    background-color:#ffc600;
    color:#000;
}
.yellow .primary-background-hover:hover {
    background-color:#ffc600;
    color:#000;
}
.yellow .primary-border,
.yellow a span,
.yellow li:hover span,
.yellow ul li:hover a {
    border-color: #ffc600;
}
.yellow .secondary-colour {
    color:#f6de8d;
}
.yellow .secondary-background {
    background-color:#f6de8d;
}
.yellow .secondary-background-hover:hover,
.yellow .vertical-nav li .secondary-background-hover:hover {
    background-color:#f6de8d;
}
.yellow .secondary-border {
    border-color:#f6de8d;
}
.yellow .tertiary-color {
    color:#c49e1c;
}
.yellow .tertiary-background {
    background-color:#c49e1c;
}
.yellow .tertiary-background-hover:hover {
    background-color:#c49e1c;
}
.yellow .tertiary-border {
    border-color:#c49e1c;
}
.yellow .tertiary-button {
    background-color:#c49e1c;
    color:#fff;
}

.yellow .tertiary-button:hover {
    background-color:#b48e0c;
}

.yellow .tertiary-button:active {
    background-color:#fff;
    color:#c49e1c;
    border: 1px solid ;
}

.yellow .tertiary-button-pressed {
    background-color:#fff;
    color:#c49e1c;
    border: 1px solid ;
}

.yellow .tertiary-button-pressed:hover {
    background-color:#d3d3d3;
    color:#c49e1c;
    border: 1px solid ;
}

.yellow .tertiary-button-pressed:active {
    background-color:#c49e1c;
    color:#fff;
}
.yellow .product-list .tertiary-button-pressed .sprite-grid,
.yellow .product-list .tertiary-button:active .sprite-grid,
.yellow .generic-grid .tertiary-button-pressed .sprite-grid,
.yellow .generic-grid .tertiary-button:active .sprite-grid {
    background-position:-68px 19px;
}

.yellow .product-list .tertiary-button-pressed .sprite-list,
.yellow .product-list .tertiary-button:active .sprite-list,
.yellow .generic-grid .tertiary-button-pressed .sprite-list,
.yellow .generic-grid .tertiary-button:active .sprite-list {
    background-position:-68px 34px;
}
.yellow .product-list .tertiary-button-pressed:active .sprite-grid,
.yellow .product-list .tertiary-button .sprite-grid,
.yellow .generic-grid .tertiary-button-pressed:active .sprite-grid,
.yellow .generic-grid .tertiary-button .sprite-grid {
    background-position:-2px 19px;
}
.yellow .product-list .tertiary-button-pressed:active .sprite-list,
.yellow .product-list .tertiary-button .sprite-list,
.yellow .generic-grid .tertiary-button-pressed:active .sprite-list,
.yellow .generic-grid .tertiary-button .sprite-list {
    background-position:-2px 34px;
}
.yellow .select-box-class.custom-select { 
    background: #fff url(../images/Layout/dropDownImageYellow.jpg) right center no-repeat;
}

.yellow .puzzle-search {
    color: #ffffff !important;
    background-color:#ffc600;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffc600), to(#deb527));
    background-image: -webkit-linear-gradient(top, #ffc600, #deb527);
    background-image:    -moz-linear-gradient(top, #ffc600, #deb527);
    background-image:     -ms-linear-gradient(top, #ffc600, #deb527);
    background-image:      -o-linear-gradient(top, #ffc600, #deb527);
}
.yellow .puzzle-search .button {  background-color: #e7b816;  border: 1px solid #ffc600; }
.yellow .puzzle-search .button:hover { background-color: #ffc600; }

.yellow .vertical-nav .vertical-nav-title { color: black;}
.yellow .vertical-nav li .link-text:hover {background: #ffe17f;color: #404040;}
.yellow .pagination h3,
.yellow .pagination  a { color: #404040 !important;}

/* Orange */
.orange .primary-colour {
    color:#ff7f00;
}
.orange .primary-background,
.orange .Selected {
    background-color:#ff7f00;
}
.orange .primary-background-hover:hover {
    background-color:#ff7f00;
}
.orange .primary-border,
.orange a span,
.orange li:hover span,
.orange ul li:hover a {
    border-color: #ff7f00;
}
.orange .secondary-colour {
    color:#FFC185;
}
.orange .secondary-background {
    background:#FFC185;
}
.orange .secondary-background-hover:hover,
.orange .vertical-nav li .secondary-background-hover:hover {
    background:#FFC185;
}
.orange .secondary-border {
    border-color:#FFC185;
}
.orange .tertiary-color {
    color:#ff5500;
}
.orange .tertiary-background {
    background:#ff5500;
}
.orange .tertiary-background-hover:hover {
    background:#ff5500;
}
.orange .tertiary-border {
    border-color:#ff5500;
}
.orange .tertiary-button {
    background:#ff5500;
    color:#fff;
}

.orange .tertiary-button:hover {
    background:#ef4500;
}

.orange .tertiary-button:active {
    background:#fff;
    color:#ff5500;
    border: 1px solid ;
}

.orange .tertiary-button-pressed {
    background:#fff;
    color:#ff5500;
    border: 1px solid ;
}

.orange .tertiary-button-pressed:hover {
    background:#d3d3d3;
    color:#ff5500;
    border: 1px solid ;
}

.orange .tertiary-button-pressed:active {
    background:#ff5500;
    color:#fff;
}
.orange .product-list .tertiary-button-pressed .sprite-grid,
.orange .product-list .tertiary-button:active .sprite-grid,
.orange .generic-grid .tertiary-button-pressed .sprite-grid,
.orange .generic-grid .tertiary-button:active .sprite-grid {
    background-position:-90px 19px;
}
.orange .product-list .tertiary-button-pressed .sprite-list,
.orange .product-list .tertiary-button:active .sprite-list,
.orange .generic-grid .tertiary-button-pressed .sprite-list,
.orange .generic-grid .tertiary-button:active .sprite-list {
    background-position:-90px 34px;
}
.orange .product-list .tertiary-button-pressed:active .sprite-grid,
.orange .product-list .tertiary-button .sprite-grid,
.orange .generic-grid .tertiary-button-pressed:active .sprite-grid,
.orange .generic-grid .tertiary-button .sprite-grid {
    background-position:-2px 19px;
}
.orange .product-list .tertiary-button-pressed:active .sprite-list,
.orange .product-list .tertiary-button .sprite-list,
.orange .generic-grid .tertiary-button-pressed:active .sprite-list,
.orange .generic-grid .tertiary-button .sprite-list {
    background-position:-2px 34px;
}
.orange .select-box-class.custom-select { 
    background: #fff url(../images/Layout/dropDownImageOrange.jpg) right center no-repeat;
}

.orange .puzzle-search {
    color: #ffffff !important;
    background-color:#ff7f00;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff7f00), to(#ff5500));
    background-image: -webkit-linear-gradient(top, #ff7f00, #ff5500);
    background-image:    -moz-linear-gradient(top, #ff7f00, #ff5500);
    background-image:     -ms-linear-gradient(top, #ff7f00, #ff5500);
    background-image:      -o-linear-gradient(top, #ff7f00, #ff5500);
}
.orange .puzzle-search .button {  background-color: #ff5500;  border: 1px solid #ff7f00; }
.orange .puzzle-search .button:hover { background-color: #ff7f00; }

/* Green */
.green .primary-colour {
    color:#32911c;
}
.green .primary-background,
.green .Selected {
    background-color:#32911c;
    color: white;
}
.green .primary-background-hover:hover {
    background-color:#32911c;
}
.green .primary-border,
.green a span,
.green li:hover span,
.green ul li:hover a {
    border-color: #32911c;
}
.green .secondary-colour {
    color:#95c78a;
}
.green .secondary-background {
    background:#95c78a;
}
.green .secondary-background-hover:hover,
.green .vertical-nav li .secondary-background-hover:hover {
    background:#95c78a;
}
.green .secondary-border {
    border-color:#95c78a;
}
.green .tertiary-color {
    color:#206211;
}
.green .tertiary-background {
    background:#206211;
}
.green .tertiary-background-hover:hover {
    background:#206211;
}
.green .tertiary-border {
    border-color:#206211;
}
.green .tertiary-button {
    background:#206211;
    color:#fff;
}
.green .tertiary-button:hover {
    background:#105201;
}
.green .tertiary-button:active {
    background:#fff;
    color:#206211;
    border: 1px solid ;
}
.green .tertiary-button-pressed {
    background:#fff;
    color:#206211;
    border: 1px solid ;
}
.green .tertiary-button-pressed:hover {
    background:#d3d3d3;
    color:#206211;
    border: 1px solid ;
}
.green .tertiary-button-pressed:active {
    background:#206211;
    color:#fff;
}
.green .product-list .tertiary-button-pressed .sprite-grid,
.green .product-list .tertiary-button:active .sprite-grid,
.green .generic-grid .tertiary-button-pressed .sprite-grid,
.green .generic-grid .tertiary-button:active .sprite-grid {
    background-position:-112px 19px;
}
.green .product-list .tertiary-button-pressed .sprite-list,
.green .product-list .tertiary-button:active .sprite-list,
.green .generic-grid .tertiary-button-pressed .sprite-list,
.green .generic-grid .tertiary-button:active .sprite-list {
    background-position:-112px 34px;
}
.green .product-list .tertiary-button-pressed:active .sprite-grid,
.green .product-list .tertiary-button .sprite-grid,
.green .generic-grid .tertiary-button-pressed:active .sprite-grid,
.green .generic-grid .tertiary-button .sprite-grid {
    background-position:-2px 19px;
}
.green .product-list .tertiary-button-pressed:active .sprite-list,
.green .product-list .tertiary-button .sprite-list,
.green .generic-grid .tertiary-button-pressed:active .sprite-list,
.green .generic-grid .tertiary-button .sprite-list {
    background-position:-2px 34px;
}
.green .select-box-class.custom-select { 
    background: #fff url(../images/Layout/dropDownImageGreen.jpg) right center no-repeat;
}

.green .puzzle-search {
    color: #ffffff !important;
    background-color:#32911c;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#32911c), to(#206211));
    background-image: -webkit-linear-gradient(top, #32911c, #206211);
    background-image:    -moz-linear-gradient(top, #32911c, #206211);
    background-image:     -ms-linear-gradient(top, #32911c, #206211);
    background-image:      -o-linear-gradient(top, #32911c, #206211);
}
.green .puzzle-search .button {  background-color: #206211;  border: 1px solid #32911c; }
.green .puzzle-search .button:hover { background-color: #32911c; }

.green .product-scroller .header-link .text { color: #D4D4D4;}
	
.green .product-scroller .header-link .sprite-go 
{
    width: 20px;
	height: 17px;
	background-position: -190px -40px;
}

/* Magenta */
.magenta .primary-colour {
    color:#ff3399;
}
.magenta .primary-background,
.magenta .Selected {
    background-color:#ff3399;
}
.magenta .primary-background-hover:hover {
    background-color:#ff3399;
}
.magenta .primary-border,
.magenta a span,
.magenta li:hover span,
.magenta ul li:hover a {
    border-color: #ff3399;
}
.magenta .secondary-colour {
    color:#df9ebf;
}
.magenta .secondary-background {
    background:#df9ebf;
}
.magenta .secondary-background-hover:hover,
.magenta .vertical-nav li .secondary-background-hover:hover {
    background:#df9ebf;
}
.magenta .secondary-border {
    border-color:#df9ebf;
}
.magenta .tertiary-color {
    color:#8d2358;
}
.magenta .tertiary-background {
    background:#8d2358;
}
.magenta .tertiary-background-hover:hover {
    background:#8d2358;
}
.magenta .tertiary-border {
    border-color:#8d2358;
}
.magenta .tertiary-button {
    background:#8d2358;
    color:#fff;
}

.magenta .tertiary-button:hover {
    background:#7d1348;
}

.magenta .tertiary-button:active {
    background:#fff;
    color:#8d2358;
    border: 1px solid ;
}
.magenta .tertiary-button-pressed {
    background:#fff;
    color:#8d2358;
    border: 1px solid ;
}

.magenta .tertiary-button-pressed:hover {
    background:#d3d3d3;
    border: 1px solid ;
}

.magenta .tertiary-button-pressed:active {
    background:#8d2358;
    color:#fff;
}
.magenta .product-list .tertiary-button-pressed .sprite-grid,
.magenta .product-list .tertiary-button:active .sprite-grid,
.magenta .generic-grid .tertiary-button-pressed .sprite-grid,
.magenta .generic-grid .tertiary-button:active .sprite-grid {
    background-position:-134px 19px;
}
.magenta .product-list .tertiary-button-pressed .sprite-list,
.magenta .product-list .tertiary-button:active .sprite-list,
.magenta .generic-grid .tertiary-button-pressed .sprite-list,
.magenta .generic-grid .tertiary-button:active .sprite-list {
    background-position:-134px 34px;
}
.magenta .product-list .tertiary-button-pressed:active .sprite-grid,
.magenta .product-list .tertiary-button .sprite-grid,
.magenta .generic-grid .tertiary-button-pressed:active .sprite-grid,
.magenta .generic-grid .tertiary-button .sprite-grid {
    background-position:-2px 19px;
}
.magenta .product-list .tertiary-button-pressed:active .sprite-list,
.magenta .product-list .tertiary-button .sprite-list,
.magenta .generic-grid .tertiary-button-pressed:active .sprite-list,
.magenta .generic-grid .tertiary-button .sprite-list {
    background-position:-2px 34px;
}
.magenta .select-box-class.custom-select { 
    background: #fff url(../images/Layout/dropDownImageMagenta.jpg) right center no-repeat;
}

.magenta .puzzle-search {
    color: #ffffff !important;
    background-color:#ff3399;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff3399), to(#cf2278));
    background-image: -webkit-linear-gradient(top, #ff3399, #cf2278);
    background-image:    -moz-linear-gradient(top, #ff3399, #cf2278);
    background-image:     -ms-linear-gradient(top, #ff3399, #cf2278);
    background-image:      -o-linear-gradient(top, #ff3399, #cf2278);
}
.magenta .puzzle-search .button {
    background-color: #eb2387;
    border: 1px solid #ff3399;
}
.magenta .puzzle-search .button:hover { background-color: #ff3399; }

.magenta .product-scroller .header-link .text { color: #D4D4D4;}
	
.magenta .product-scroller .header-link .sprite-go 
{
    width: 20px;
	height: 17px;
	background-position: -190px -40px;
}


/* Aqua */
.aqua .primary-colour {
    color:#249d79;
}
.aqua .primary-background {
    background-color:#249d79;
}
.aqua .Selected {
    background-color:#94e0c9;
}
.aqua .primary-background-hover:hover {
    background-color:#249d79;
}
.aqua .primary-border,
.aqua a span,
.aqua li:hover span,
.aqua ul li:hover a {
    border-color: #249d79;
}
.aqua .secondary-colour {
    color:#94e0c9;
}
.aqua .secondary-background {
    background:#94e0c9;
}
.aqua .secondary-background-hover:hover,
.aqua .vertical-nav li .secondary-background-hover:hover {
    background:#94e0c9;
}
.aqua .secondary-border {
    border-color:#94e0c9;
}
.aqua .tertiary-color {
    color:#165f49;
}
.aqua .tertiary-background {
    background:#165f49;
}
.aqua .tertiary-background-hover:hover {
    background:#165f49;
}
.aqua .tertiary-border {
    border-color:#165f49;
}
.aqua .tertiary-button {
    background:#165f49;
    color:#fff;
}

.aqua .tertiary-button:hover {
    background:#249d79;
}

.aqua .tertiary-button:active{
    background:#fff;
    color:#165f49;
    border: 1px solid ;
}

.aqua .tertiary-button-pressed {
    background:#fff;
    color:#165f49;
    border: 1px solid ;
}

.aqua .tertiary-button-pressed:hover {
    background:#d3d3d3;
    color:#165f49;
    border: 1px solid ;
}

.aqua .tertiary-button-pressed:active {
    background:#165f49;
    color:#fff;
}
.aqua .product-list .tertiary-button-pressed .sprite-grid,
.aqua .product-list .tertiary-button:active .sprite-grid,
.aqua .generic-grid .tertiary-button-pressed .sprite-grid,
.aqua .generic-grid .tertiary-button:active .sprite-grid  {
    background-position:-156px 19px;
}
.aqua .product-list .tertiary-button-pressed .sprite-list,
.aqua .product-list .tertiary-button:active .sprite-list,
.aqua .generic-grid .tertiary-button-pressed .sprite-list,
.aqua .generic-grid .tertiary-button:active .sprite-list {
    background-position:-156px 34px;
}
.aqua .product-list .tertiary-button-pressed:active .sprite-grid,
.aqua .product-list .tertiary-button .sprite-grid,
.aqua .generic-grid .tertiary-button-pressed:active .sprite-grid,
.aqua .generic-grid .tertiary-button .sprite-grid {
    background-position:-2px 19px;
}
.aqua .product-list .tertiary-button-pressed:active .sprite-list,
.aqua .product-list .tertiary-button .sprite-list,
.aqua .generic-grid .tertiary-button-pressed:active .sprite-list,
.aqua .generic-grid .tertiary-button .sprite-list {
    background-position:-2px 34px;
}
.aqua .select-box-class.custom-select { background: #fff url(../images/Layout/dropDownImageAqua.jpg) right center no-repeat; }
    
.aqua .puzzle-search {
    color: #ffffff !important;
    background-color:#249d79;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#249d79), to(#165f49));
    background-image: -webkit-linear-gradient(top, #249d79, #165f49);
    background-image:    -moz-linear-gradient(top, #249d79, #165f49);
    background-image:     -ms-linear-gradient(top, #249d79, #165f49);
    background-image:      -o-linear-gradient(top, #249d79, #165f49);
}
.aqua .puzzle-search .button {  background-color: #165f49;  border: 1px solid #249d79; }
.aqua .puzzle-search .button:hover { background-color: #249d79; }

.aqua .vertical-nav .vertical-nav-title { color: #ffffff;}
.aqua .vertical-nav li .link-text:hover {background: #2DE3AD;color: #fff;}
.aqua .pagination h3,
.aqua .pagination  a { color: #fff !important;}

/* Indigo */
.indigo .primary-colour {
    color:#5f307f;
}
.indigo .primary-background,
.indigo .Selected {
    background-color:#5f307f;
}
.indigo .primary-background-hover:hover {
    background-color:#5f307f;
}
.indigo .primary-border,
.indigo a span,
.indigo li:hover span,
.indigo ul li:hover a {
    border-color: #5f307f;
}
.indigo .secondary-colour {
    color:#c1afcd;
}
.indigo .secondary-background {
    background:#c1afcd;
}
.indigo .secondary-background-hover:hover,
.indigo .vertical-nav li .secondary-background-hover:hover {
    background:#c1afcd;
}
.indigo .secondary-border {
    border-color:#c1afcd;
}
.indigo .tertiary-color {
    color:#481d65;
}
.indigo .tertiary-background {
    background:#481d65;
}
.indigo .tertiary-background-hover:hover {
    background:#481d65;
}
.indigo .tertiary-border {
    border-color:#481d65;
}
.indigo .tertiary-button {
    background:#481d65;
    color:#fff;
}

.indigo .tertiary-button:hover {
    background:#380d55;
}

.indigo .tertiary-button:active {
    background:#fff;
    color:#481d65;
    border: 1px solid ;
}

.indigo .tertiary-button-pressed {
    background:#fff;
    color:#481d65;
    border: 1px solid ;
}

.indigo .tertiary-button-pressed:hover {
    background:#d3d3d3;
    border: 1px solid ;
}

.indigo .vertical-nav .link-text.Selected {
    color: #ffffff;
}

.indigo .tertiary-button-pressed:active {
    background:#481d65;
    color:#fff;
}
.indigo .product-list .tertiary-button-pressed .sprite-grid,
.indigo .product-list .tertiary-button:active .sprite-grid,
.indigo .generic-grid  .tertiary-button-pressed .sprite-grid,
.indigo .generic-grid  .tertiary-button:active .sprite-grid {
    background-position:-178px 19px;
}
.indigo .product-list .tertiary-button-pressed .sprite-list,
.indigo .product-list .tertiary-button:active .sprite-list,
.indigo .generic-grid  .tertiary-button-pressed .sprite-list,
.indigo .generic-grid  .tertiary-button:active .sprite-list {
    background-position:-178px 34px;
}
.indigo .product-list .tertiary-button-pressed:active .sprite-grid,
.indigo .product-list .tertiary-button .sprite-grid,
.indigo .generic-grid  .tertiary-button-pressed:active .sprite-grid,
.indigo .generic-grid  .tertiary-button .sprite-grid {
    background-position:-2px 19px;
}
.indigo .product-list .tertiary-button-pressed:active .sprite-list,
.indigo .product-list .tertiary-button .sprite-list,
.indigo .generic-grid .tertiary-button-pressed:active .sprite-list,
.indigo .generic-grid  .tertiary-button .sprite-list {
    background-position:-2px 34px;
}
.indigo .select-box-class.custom-select { 
    background: #fff url(../images/Layout/dropDownImageIndigo.jpg) right center no-repeat;
}

.indigo .puzzle-search {
    color: #ffffff !important;
    background-color:#5f307f;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#5f307f), to(#380d55));
    background-image: -webkit-linear-gradient(top, #5f307f, #380d55);
    background-image:    -moz-linear-gradient(top, #5f307f, #380d55);
    background-image:     -ms-linear-gradient(top, #5f307f, #380d55);
    background-image:      -o-linear-gradient(top, #5f307f, #380d55);
}
.indigo .puzzle-search .button {  background-color: #380d55;  border: 1px solid #5f307f; }
.indigo .puzzle-search .button:hover { background-color: #5f307f; }

.indigo .product-scroller .header-link .text { color: #D4D4D4;}
	
.indigo .product-scroller .header-link .sprite-go 
{
    width: 20px;
	height: 17px;
	background-position: -190px -40px;
}


/* Light Blue */
.light-blue .primary-colour {
    color:#36a9cf;
}
.light-blue .primary-background,
.light-blue .Selected {
    background-color:#36a9cf;
}
.light-blue .primary-background-hover:hover {
    background-color:#36a9cf;
}
.light-blue .primary-border,
.light-blue a span,
.light-blue li:hover span,
.light-blue ul li:hover a {
    border-color: #36a9cf;
}
.light-blue .secondary-colour {
    color:#a0cfde;
}
.light-blue .secondary-background {
    background:#a0cfde;
}
.light-blue .secondary-background-hover:hover,
.light-blue .vertical-nav li .secondary-background-hover:hover {
    background:#a0cfde;
}
.light-blue .secondary-border {
    border-color:#a0cfde;
}
.light-blue .tertiary-color {
    color:#25657a;
}
.light-blue .tertiary-background {
    background:#25657a;
}
.light-blue .tertiary-background-hover:hover {
    background:#25657a;
}
.light-blue .tertiary-border {
    border-color:#25657a;
}
.light-blue .tertiary-button {
    background:#a0cfde;
    color:#fff;
}

.light-blue .tertiary-button:hover {
    background:#90bfdd;
}

.light-blue .tertiary-button:active {
    background:#fff;
    color:#90bfdd;
    border: 1px solid ;
}
.light-blue .tertiary-button-pressed {
    background:#fff;
    color:#90bfdd;
    border: 1px solid ;
}

.light-blue .tertiary-button-pressed:hover {
    background:#d3d3d3;
    border: 1px solid ;
}

.light-blue .tertiary-button-pressed:active {
    background:#a0cfde;
    color:#fff;
}
.light-blue .product-list .tertiary-button-pressed .sprite-grid,
.light-blue .product-list .tertiary-button:active .sprite-grid,
.light-blue .generic-grid .tertiary-button-pressed .sprite-grid,
.light-blue .generic-grid .tertiary-button:active .sprite-grid  {
    background-position:-200px 19px;
}
.light-blue .product-list .tertiary-button-pressed .sprite-list,
.light-blue .product-list .tertiary-button:active .sprite-list,
.light-blue .generic-grid .tertiary-button-pressed .sprite-list,
.light-blue .generic-grid .tertiary-button:active .sprite-list {
    background-position:-200px 34px;
}
.light-blue .product-list .tertiary-button-pressed:active .sprite-grid,
.light-blue .product-list .tertiary-button .sprite-grid,
.light-blue .generic-grid .tertiary-button-pressed:active .sprite-grid,
.light-blue .generic-grid .tertiary-button .sprite-grid {
    background-position:-2px 19px;
}
.light-blue .product-list .tertiary-button-pressed:active .sprite-list,
.light-blue .product-list .tertiary-button .sprite-list,
.light-blue .generic-grid .tertiary-button-pressed:active .sprite-list,
.light-blue .generic-grid .tertiary-button .sprite-list {
    background-position:-2px 34px;
}
.light-blue .select-box-class.custom-select { 
    background: #fff url(../images/Layout/dropDownImageLightBlue.jpg) right center no-repeat;
}

.light-blue  .puzzle-search {
    color: #ffffff !important;
    background-color:#36a9cf;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#36a9cf), to(#2b86a4));
    background-image: -webkit-linear-gradient(top, #36a9cf, #2b86a4);
    background-image:    -moz-linear-gradient(top, #36a9cf, #2b86a4);
    background-image:     -ms-linear-gradient(top, #36a9cf, #2b86a4);
    background-image:      -o-linear-gradient(top, #36a9cf, #2b86a4);
}
.light-blue  .puzzle-search .button {  background-color: #2f91b2;  border: 1px solid #36a9cf; }
.light-blue  .puzzle-search .button:hover { background-color: #36a9cf; }










.CustomButton.blue {color: #ffffff !important;
    background-color:#3946a5;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3946a5), to(#202a74));
    background-image: -webkit-linear-gradient(top, #3946a5, #202a74);
    background-image:    -moz-linear-gradient(top, #3946a5, #202a74);
    background-image:     -ms-linear-gradient(top, #3946a5, #202a74);
    background-image:      -o-linear-gradient(top, #3946a5, #202a74);}
.CustomButton.blue:hover { background-color: #8f98db;background-image: none; }

.CustomButton.red {
    color: #ffffff !important;
    background-color:#cd1f11;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cd1f11), to(#900b00));
    background-image: -webkit-linear-gradient(top, #cd1f11, #900b00);
    background-image:    -moz-linear-gradient(top, #cd1f11, #900b00);
    background-image:     -ms-linear-gradient(top, #cd1f11, #900b00);
    background-image:      -o-linear-gradient(top, #cd1f11, #900b00);
}
.CustomButton.red:hover { background-color: #cd1f11; background-image: none; }

.CustomButton.yellow {
    color: #000000 !important;
    background-color:#ffc600;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffc600), to(#deb527));
    background-image: -webkit-linear-gradient(top, #ffc600, #deb527);
    background-image:    -moz-linear-gradient(top, #ffc600, #deb527);
    background-image:     -ms-linear-gradient(top, #ffc600, #deb527);
    background-image:      -o-linear-gradient(top, #ffc600, #deb527);
}
.CustomButton.yellow:hover { background-color: #ffc600; background-image: none;}

.CustomButton.orange {
    color: #ffffff !important;
    background-color:#ff7f00;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff7f00), to(#ff5500));
    background-image: -webkit-linear-gradient(top, #ff7f00, #ff5500);
    background-image:    -moz-linear-gradient(top, #ff7f00, #ff5500);
    background-image:     -ms-linear-gradient(top, #ff7f00, #ff5500);
    background-image:      -o-linear-gradient(top, #ff7f00, #ff5500);
}
.CustomButton.orange:hover { background-color: #ff7f00; background-image: none;}

.CustomButton.green  {
    color: #ffffff !important;
    background-color:#32911c;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#32911c), to(#206211));
    background-image: -webkit-linear-gradient(top, #32911c, #206211);
    background-image:    -moz-linear-gradient(top, #32911c, #206211);
    background-image:     -ms-linear-gradient(top, #32911c, #206211);
    background-image:      -o-linear-gradient(top, #32911c, #206211);
}
.CustomButton.green:hover { background-color: #32911c;background-image: none; }

.CustomButton.magenta {
    color: #ffffff !important;
    background-color:#ff3399;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff3399), to(#cf2278));
    background-image: -webkit-linear-gradient(top, #ff3399, #cf2278);
    background-image:    -moz-linear-gradient(top, #ff3399, #cf2278);
    background-image:     -ms-linear-gradient(top, #ff3399, #cf2278);
    background-image:      -o-linear-gradient(top, #ff3399, #cf2278);
}

.CustomButton.magenta:hover { background-color: #ff3399;background-image: none;}


.CustomButton.aqua {
    color: #ffffff !important;
    background-color:#249d79;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#249d79), to(#165f49));
    background-image: -webkit-linear-gradient(top, #249d79, #165f49);
    background-image:    -moz-linear-gradient(top, #249d79, #165f49);
    background-image:     -ms-linear-gradient(top, #249d79, #165f49);
    background-image:      -o-linear-gradient(top, #249d79, #165f49);
}
.CustomButton.aqua:hover { background-color: #249d79; background-image: none;}

.CustomButton.indigo {
    color: #ffffff !important;
    background-color:#5f307f;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#5f307f), to(#380d55));
    background-image: -webkit-linear-gradient(top, #5f307f, #380d55);
    background-image:    -moz-linear-gradient(top, #5f307f, #380d55);
    background-image:     -ms-linear-gradient(top, #5f307f, #380d55);
    background-image:      -o-linear-gradient(top, #5f307f, #380d55);
}
.CustomButton.indigo:hover { background-color: #5f307f; background-image: none;}

.CustomButton.light-blue {
    color: #ffffff !important;
    background-color:#36a9cf;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#36a9cf), to(#2b86a4));
    background-image: -webkit-linear-gradient(top, #36a9cf, #2b86a4);
    background-image:    -moz-linear-gradient(top, #36a9cf, #2b86a4);
    background-image:     -ms-linear-gradient(top, #36a9cf, #2b86a4);
    background-image:      -o-linear-gradient(top, #36a9cf, #2b86a4);
}
.CustomButton.light-blue:hover { background-color: #36a9cf;  background-image: none;}

