/* Minification failed. Returning unminified contents.
(2182,1): run-time error CSS1019: Unexpected token, found '@import'
(2182,9): run-time error CSS1019: Unexpected token, found 'url(https://fonts.googleapis.com/css?family=Roboto:400,500)'
(3340,5): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(3341,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3497,5): run-time error CSS1019: Unexpected token, found '@keyframes'
(3498,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7184,5): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(7185,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7200,5): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(7201,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7216,5): run-time error CSS1019: Unexpected token, found '@keyframes'
(7217,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7388,5): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(7389,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7404,5): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(7405,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7420,5): run-time error CSS1019: Unexpected token, found '@keyframes'
(7421,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7448,5): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(7449,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7464,5): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(7465,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7480,5): run-time error CSS1019: Unexpected token, found '@keyframes'
(7481,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
 */
html, body {height:auto;}

/*  SECTIONS  */
.GN-product-section {
	clear: both;
	padding: 0;
	margin: auto;
    width: 80%;
    max-width:960px;
}

/*  COLUMN SETUP  */
.GN-product-col {
	display: block;
	float:left;
	margin: 1% 0 1% 0.2%;
}

.GN-product-col-image {
    background:url('/App_Themes/GrayNicolls/Images/GN-product-bg.jpg') center no-repeat;
    background-size:100% 100%;   
    text-align: center;
    width:60% !important;
}

.col:first-child { margin-left: 0; }

/*  GROUPING  */
.GN-product-group:before,
.GN-product-group:after { content:""; display:table; }
.GN-product-group:after { clear:both;}
.GN-product-group { zoom:1; /* For IE 6/7 */ }

/*  GRID OF THREE  */
.GN-product-span_3_of_3 { width: 100%; }
.GN-product-span_2_of_3 { width: 66.6%; }
.GN-product-span_1_of_3 { width: 30%; }
.GN-product-span_1_of_1 {
    width: 9%;
}


#thumbNails {
    float: right;
}
#ldPromotion
{
    color:transparent;
}

#thumbNails ul {
    float: right;
    text-decoration: none;
    list-style: none;
    margin:0;
}

#thumbNails ul li img {
    width: 90px;
    height: 90px;
    margin: 2px;
    background:url('/App_Themes/GrayNicolls/Images/GN-product-bg.jpg') center no-repeat;
    position: relative;
    cursor:pointer;
    
}

#ldMainImage img {
    padding: 10px;
    position: relative;
}


#ldMainImage
{
    /*background:url('/App_Themes/GrayNicolls/Images/GN-product-bg.jpg') center no-repeat;*/
}

#ldBottomPanel 
{
    width: 80%;
    margin: auto;
}

#ldLeftPanel {
    width: 80%;
    margin: auto;
}

#ldPrice {
    color: #ff0000;
    font-size: 1.3em;
}

#ldProductHeading {
    font-weight: bold;
}

.dd-container {
    position: relative;
    width: auto !important;
    color: #000;
}
.dd-select
{
    width: auto !important;
    background: rgba(255,255,255,0.5) !important;
    color: #fff;
    border-radius:0px !important;
    
    max-width:200px;
}

.dd-options
{
    width:99% !important;
    max-width: 198px;
}

.dd-pointer-down {
   border-top: solid 5px #000 !important;
}

.dd-pointer-up {
    border-bottom: solid 5px #000 !important;
}


.ddlQuantityWrapper {
    padding-top: 20px;
}

.dd-selected {
    
    font-size: 1em;
}

.GN-product-social {
    float: right;
}

.cssBuyBtn {
    background: #ff0000;
    color: #fff;
    text-transform: uppercase;
    text-align: left;
    float: left;
    padding: 10px !important;
    font-size: 1.2em;
    font-weight: bold;
    margin-top: 20px;
    max-width: 180px;
    cursor:pointer;
}
.cssBuyBtn:hover
{
    color:#fff;
}

.cssBuyBtnBlue {
    background: #0BB5FF;
    color: #fff;
    text-transform: uppercase;
    text-align: left;
    float: right;
    padding: 10px !important;
    font-size: 1.2em;
    font-weight: bold;
    margin-top: 20px;
    max-width: 180px;
    cursor:pointer;
}
.cssBuyBtnBlue:hover
{
    color:#fff;
}


#ldItemNo
{
    display:none;
}

.cssBuyBtn:active 
{
	position                : relative !important;
}


.cssBuyBtn:hover
{
     
     filter					: alpha(opacity=100);
	-khtml-opacity			: 1.0;
	-moz-opacity			: 1.0;
	opacity					: 1.0;
	position                : relative !important;

	
}
.cssBuyBtn:hover, .cssBuyBtn:focus
{
	-webkit-animation: pulsate 1.2s linear infinite;
	animation: pulsate 1.2s linear infinite;
}

.GN-range-summary {
    width: 100%;
    float: left;
    text-align: left;
    font-size:1.5em;
    margin-bottom:10px;
}

.GN-main-desc-wrap {
    width: 80%;
    margin: auto;
    max-width: 790px;
}

.p-features {
    display: inline-block;
    font-size: 1.7em;
    font-weight: bold;
}

#ldDescription {
    display: inline-block;
    font-size: 1.3em;
    float: left;
    border-bottom: 1px solid #ff0000;
    text-align: justify;
    margin-bottom: 50px;
    width: 100%;
}


.p-level{
    padding-top:10px;
}
.p-intro-additional-wrap {
    display: inline-block;
    font-size: 1.3em;
}

.paraExtraInfo {
    float:left;
    display: inline-block;
    font-size: 1.3em;
    clear:both;
    width:100%;
}

.p-intro-text {
    float:left;
    display: inline-block;
    padding: 0;
    margin: 10px 0 0 0;
}


.pp-range-link-wrap a {
    width: 100%;
    padding: 10px;
    border:1px solid #ff0000;
    position: relative;
    float: left;
    font-size: 1em;
    margin-top: 10px;
    text-decoration: none;
}

.pp-endorser-link-wrap a {
    width: 100%;
    padding: 10px;
    border:1px solid #ff0000;
    position: relative;
    float: left;
    font-size: 1em;
    margin-top: 10px;
    text-decoration: none;
}

/*.pp-endorser-link-wrap a:hover, .pp-range-link-wrap a:hover
{
    color:#fff;
}*/

.dd-selected-text{line-height:normal !important;}
/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 60em) {
	.GN-product-col {  margin: 1% 0 1% 0%; }
	.GN-product-span_3_of_3, .GN-product-span_2_of_3, .GN-product-span_1_of_3, .GN-product-span_1_of_1 { width: 100%; }
    
   #thumbNails, #thumbNails ul
   {
       float:left;
   }
   #thumbNails ul li {
    display: inline;
    width: 20px;
    height: 20px;
    }
   #thumbNails ul li img
   {
       width:50px;
       height:50px;
   }
   .GN-product-col-image
   {
       width:375px !important;
   }
   #ldMainImage img {
    width: 300px !important;
    height: 300px !important;
    padding: 10px;
    }
   .GN-product-section
   {
       width:100%;
   }
}

.gnProductName { width: 100%;}

.GN-range-extra-summary {
    font-size: 1.2em;
    clear:both;
    width:100%;
}

#YouTubeLightbox {
    position: fixed; /* keeps the lightbox window in the current viewport */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000000;
    background: rgba(0,0,0,.65);
    text-align: center;
    z-index: 1000;
}

    #YouTubeLightbox p {
        text-align: right;
        color: #fff;
        margin-right: 20px;
        font-size: inherit;
    }

@font-face {
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: 400;
    src: url(/App_Themes/GrayNicolls/fonts/fontawesome-webfont.eot?v=4.4.0);
    src: url(/App_Themes/GrayNicolls/fonts/fontawesome-webfont.eot?#iefix&v=4.4.0) format("embedded-opentype"), url(/App_Themes/GrayNicolls/fonts/fontawesome-webfont.woff2?v=4.4.0) format("woff2"), url(/App_Themes/GrayNicolls/fonts/fontawesome-webfont.woff?v=4.4.0) format("woff"), url(/App_Themes/GrayNicolls/fonts/fontawesome-webfont.ttf?v=4.4.0) format("truetype"), url(/App_Themes/GrayNicolls/fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular) format("svg");
}

.fa {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
}

.fa-youtube-play::before {
    content: "\f16a";
}


.youtube-product-video {
    background-color: #ff0000;
    padding: 10px;
    text-decoration: none;
    color: #fff;
    display:inline-block;
}

    .youtube-product-video:hover {
        color: #fff;
    }

.youtube-product-video-wrapper {
    float: left;
    width: 100%;
    padding: 10px 0;
}

@media screen and (max-width: 60.0625em) 
{
    #thumbNailsShort ul li a img {
    width: 50px !important;
    height: 50px !important;
}
    .ft-hidden
    {
        display:none !important;
    }

}
/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:         top, left, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}


/* General Blueprint Style */
@font-face {
	font-family: 'bpicons';
	src:url('/App_Themes/GrayNicolls/fonts/bpicons/bpicons.eot');
	src:url('/App_Themes/GrayNicolls/fonts/bpicons/bpicons.eot?#iefix') format('embedded-opentype'),
		url('/App_Themes/GrayNicolls/fonts/bpicons/bpicons.woff') format('woff'),
		url('/App_Themes/GrayNicolls/fonts/bpicons/bpicons.ttf') format('truetype'),
		url('/App_Themes/GrayNicolls/fonts/bpicons/bpicons.svg#bpicons') format('svg');
	font-weight: normal;
	font-style: normal;
} /* Made with http://icomoon.io/ */

  @font-face {
	font-family: "Flaticon";
	src: url("/App_Themes/GrayNicolls/fonts/flaticon.eot");
	src: url("/App_Themes/GrayNicolls/fonts/flaticon.eot#iefix") format("embedded-opentype"),
	url("/App_Themes/GrayNicolls/fonts/flaticon.woff") format("woff"),
	url("/App_Themes/GrayNicolls/fonts/flaticon.ttf") format("truetype"),
	url("/App_Themes/GrayNicolls/fonts/flaticon.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}
[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {   
	font-family: Flaticon;
}.flaticon-catalog3:before {
	content: "\e000";
}
.flaticon-info12:before {
	content: "\e001";
}
.flaticon-ruler17:before {
	content: "\e002";
}


.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }



.bp-icon:after {
	font-family: 'bpicons';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-align: center;
	color: #33cb41;
	-webkit-font-smoothing: antialiased;
}



.bp-icon-next:after {
	content: "\e000";
}
.bp-icon-drop:after {
	content: "\e001";
}
.bp-icon-archive:after {
	content: "\e002";
}
.bp-icon-about:after {
	content: "\e003";
}
.bp-icon-prev:after {
	content: "\e004";
}

#leftNav {
    display:none !important;
}

@font-face {
	font-family: 'pgicons';
	src:url('/App_Themes/GrayNicolls/fonts/pgicons/pgicons.eot');
	src:url('/App_Themes/GrayNicolls/fonts/pgicons/pgicons.eot?#iefix') format('embedded-opentype'),
		url('/App_Themes/GrayNicolls/fonts/pgicons/pgicons.woff') format('woff'),
		url('/App_Themes/GrayNicolls/fonts/pgicons/pgicons.ttf') format('truetype'),
		url('/App_Themes/GrayNicolls/fonts/pgicons/pgicons.svg#pgicons') format('svg');
	font-weight: normal;
	font-style: normal;
}

.cbp-pgcontainer {
    overflow:visible !important;
	position: relative;
	width: 100%;
    padding-left:0.5%;
    padding-right:0.5%;
}

.cbp-pgcontainer ul,
.cbp-pgcontainer li {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

.cbp-pggrid {
	position: relative;
	text-align: center;
}
/* If flexbox is supported we'll use it to lay out the grid */
.flexbox .cbp-pggrid {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	-moz-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-webkit-justify-content: center;
}

.cbp-pggrid > li {
	display: inline-block;
	vertical-align: top;
	position: relative;
	width:250px;
    height:390px;
	padding: 20px 0 0 0;
    margin-right:-5px;
	text-align: left;
}

.flexbox .cbp-pggrid > li {
	display: block;
}

.cbp-pgcontent {
	border: 1px solid #33cb41;
	position: relative;
}

.cbp-pgrotate {
	width: 36px;
	height: 36px;
	position: absolute;
	display: block;
	color: transparent;
	font-size: 0;
	z-index: 100;
	border-bottom: 1px solid #33cb41;
	border-left: 1px solid #33cb41;
	right: 0px;
	top: 0px;
	cursor: pointer;
	text-align: center;
}

.cbp-pgrotate:before {
	font-size: 18px;
	line-height: 32px;
	color: #33cb41;
}

.no-touch .cbp-pgrotate:hover,
.cbp-pgrotate.cbp-pgrotate-active {
	background: #33cb41;
}

.no-touch .cbp-pgrotate:hover:before,
.cbp-pgrotate.cbp-pgrotate-active:before {
	color: #000;
}

/* The item with the images will have perspective */
.cbp-pgitem {
	width: 80%;
	position: relative;
	padding: 2em;
	-webkit-perspective: 1400px;
	-moz-perspective: 1000px;
	perspective: 1000px;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
}

/* The flip container */
.cbp-pgitem-flip {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transition: -webkit-transform .4s ease-out;
	-moz-transition: -moz-transform .4s ease-out;
	transition: transform .4s ease-out;
}

/* If you want to rotate on hover instead of click, you could use something like this: 
.cbp-pgrotate:hover + .cbp-pgitem .cbp-pgitem-flip
*/
.cbp-pgitem.cbp-pgitem-showback .cbp-pgitem-flip {
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	transform: rotateY(180deg);
}

.cbp-pgitem-flip img {
	display: block;
	margin: 0 auto;
	max-width: 100%;
	max-height: 100%;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
}

.cbp-pgitem img:first-child {
	position: relative;
}

/* The second image will be rotated so that we'd be looking at the back of it */
.cbp-pgitem img:nth-child(2) {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%) rotateY(-180deg);
	-moz-transform: translateX(-50%) translateY(-50%) rotateY(-180deg);
	transform: translateX(-50%) translateY(-50%) rotateY(-180deg);
}

/* Fallback for browsers that don't support 3d transforms */
.no-csstransforms3d .cbp-pgitem img:nth-child(2) {
	position: relative;
	top: 0;
	left: 0;
	display: none;
}

.no-csstransforms3d .cbp-pgitem.cbp-pgitem-showback img:first-child {
	display: none;
}

.no-csstransforms3d .cbp-pgitem.cbp-pgitem-showback img:nth-child(2) {
	display: block;
}

/* The options bar */
/*.cbp-pgoptions {
    height: 50px;
    border-left: 1px solid #33cb41;
    width: 99%;
    border-right: 1px solid #33cb41;
    border-top: 1px solid #33cb41;
}*/


.cbp-pgoptions > li {
	width: 19%;
	height: 100%;
	float: left;
	position: relative;
	display: block;
	cursor: pointer;
	color: transparent;
	font-size: 0;
	border-left: 1px solid #33cb41;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.cbp-pgoptions > li:first-child {
	border-left: none;
} 

.no-touch .cbp-pgoptions li {
	color: #33cb41;
}

.no-touch .cbp-pgoptions li:hover,
.cbp-pgoptions li.cbp-pgoption-active {
	background: #33cb41;
}

.cbp-pgoptions li:before,
.cbp-pgoptions li > span {
	font-size: 22px;
	line-height: 60px;
	text-indent: 0;
	text-align: center;
	color: #33cb41;
}

.no-touch .cbp-pgoptions li:hover:before,
.no-touch .cbp-pgoptions li:hover > span,
.cbp-pgoptions li.cbp-pgoption-active > span  {
	color: #000;
}

.cbp-pgoptions li.cbp-pgoptsize > span {
   /*background: url(/App_Themes/GrayNicolls/fonts/ruler.svg) no-repeat center center;*/
}


.cbp-pgoptions li > span {
	display: block;
}

.cbp-pgoptions li:before {
	position: absolute;
	width: 100%;
	height: 100%;
}

/* Icons */
.cbp-pgoptcompare, 
.cbp-pgoptcart, 
.cbp-pgoptfav,
.cbp-pgrotate {
	font-family: 'pgicons';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}

.cbp-pgoptcompare:before {
	content: "\e001";
}

.cbp-pgoptfav:before {
	content: "\e003";
}

.cbp-pgoptfav.cbp-pgoptfav-selected:before {
	content: "\e002";
	color: #ee73b8;
}

.cbp-pgoptfav.cbp-pgoptfav-selected:hover:before {
	color: #f9c0e0;
}

.cbp-pgoptcart:before {
	/*content: "\e000";*/
}

.cbp-pgrotate:before {
	content: "\e004";
}

/* Tooltips */
.cbp-pgopttooltip {
	position: absolute;
	bottom: 180%;
	margin-bottom: 0px;
	background: #000;
	padding: 5px;
	width: 100px;
	left: 50%;
	margin-left: -50px;
	border: 1px solid #33cb41;
	opacity: 0;
	z-index: 1000;
	visibility: hidden;
	pointer-events: none;
	-webkit-transition: visibility 0s 0.3s, opacity 0.3s, bottom 0.3s;
	-moz-transition: visibility 0s 0.3s, opacity 0.3s, bottom 0.3s;
	transition: visibility 0s 0.3s, opacity 0.3s, bottom 0.3s;
}

.cbp-pgoptcolor > div{
    width:100% !important;
    min-width:244px !important;
    left:0px !important;
    margin-left:-49px !important;
}

.cbp-pgoptsize > span > div
{
    width:100% !important;
    min-width:238px !important;
    margin-left:-25px !important;
}
.cbp-pgoptsize > span > div > span {
    width: 50px !important;
    left: 0px;
    text-align: center;
    float: left;
    font-size: 9px !important;
    margin-right: 3px !important;
    line-height: 0px !important;
    padding: 6px;
    border: 0.2px solid #33cb41;
}

.cbp-pgoptions li:hover .cbp-pgopttooltip,
.cbp-pgoptions li.cbp-pgoption-active .cbp-pgopttooltip {
	visibility: visible;
	opacity: 1;
	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	transition-delay: 0s;
	bottom: 100%;
	pointer-events: auto;
}

.cbp-pgopttooltip > span > a > img {
    width: 25px !important;
    height: 25px !important;
}


.cbp-pgopttooltip:after,
.cbp-pgopttooltip:before {
	top: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.cbp-pgopttooltip:after {
	border-color: transparent;
	border-top-color: #000;
	border-width: 10px;
	left: 50%;
	margin-left: -111px;
}

.cbp-pgoptcolor div:after{
    margin-left: -61px !important;
}
.cbp-pgoptcolor div:before{
    margin-left: -66px !important;
}

.cbp-pgopttooltip:before {
	border-color: transparent;
	border-top-color: #33cb41;
	border-width: 14px;
	left: 50%;
	margin-left: -115px;
}

/* Size tooltip */
.cbp-pgoptsize .cbp-pgopttooltip {
	margin-left: -78px;
}

.cbp-pgoptsize .cbp-pgopttooltip span {
	display: block;
	text-indent: 0;
	/*background: url(/App_Themes/GrayNicolls/images/tshirt.svg) no-repeat center center;*/
	background-size: 100%;
	margin: 0 auto 4px;
	font-size: 12px;
	font-weight: 700;
	color: #33cb41;
}

.cbp-pgoptsize .cbp-pgopttooltip span:hover {
	/*color: #0968a1;
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	transform: scale(1.1);*/
}

.cbp-pgoptsize .cbp-pgopttooltip span[data-size="XL"] {
	
}

.cbp-pgoptsize .cbp-pgopttooltip span[data-size="L"] {
	
}

.cbp-pgoptsize .cbp-pgopttooltip span[data-size="M"] {
	
}

.cbp-pgoptsize .cbp-pgopttooltip span[data-size="S"] {
	
}

/* Color tooltip */
.cbp-pgoptcolor .cbp-pgopttooltip {
	padding: 2px;
}

.cbp-pgoptions li.cbp-pgoptcolor > span,
.cbp-pgoptcolor .cbp-pgopttooltip span {
	display: block;
	margin: 12px auto 0;
	text-indent: -900em;
}

.cbp-pgoptions li.cbp-pgoptcolor > span {
    width: 36px;
    height: 36px;
   /* background: url(/App_Themes/GrayNicolls/fonts/options.svg) no-repeat center center;*/
}


.cbp-pgoptcolor .cbp-pgopttooltip span {
	float: left;
	
	width: 34px;
	height: 34px;
}

.no-touch .cbp-pgoptcolor .cbp-pgopttooltip span:hover {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	transform: scale(1.1);
}

.cbp-pgoptcolor span[data-color="c1"] {
	background: #72bbe9;
}

.cbp-pgoptcolor span[data-color="c2"] {
	background: #e577aa;
}

.cbp-pgoptcolor span[data-color="c3"] {
	background: #e5b178;
}

.cbp-pgoptcolor span[data-color="c4"] {
	background: #7abe93;
}

.cbp-pginfo {
	display:inline-flex;
}

.cbp-pginfo:before,
.cbp-pginfo:after {
	content: " ";
	display: table;
}

.cbp-pginfo:after {
	clear: both;
}

.cbp-pginfo h3,
.cbp-pginfo span {
	
	
	font-size: 0.9em;
	padding: 10px 5px !important;
	margin: 0;
}

.cbp-pginfo h3 {
	font-weight: 300;
}

.cbp-pginfo span {
	font-weight: 700;
	text-align: right;
}
/* Media Queries */

@media screen and (max-width: 60.125em) {
	.cbp-pggrid > li {
		width: 100%;
        height:100%;
	}
    .cbp-pgcontainer{
       
    }

    #placeHolder{
        min-width: 100% !important;
    }
    .cbp-pgcontainer{
        margin-left:0px !important;
        width:100% !important;
    }
}

/*@media screen and (max-width: 46.125em) {*/
@media (max-width:480px) {
	.cbp-pggrid > li {
		width: 65%;
        height:390px;
        display: inline-block;
	    vertical-align: top;
	    position: relative;
	}
    .isotope-item{
       /*margin-left:-60px !important;*/
    }
}

.cbp-pgprice {
    font-size: 1em !important;
}
.isotope-item {
    
}

.cbp-pginfo {
    width: 250px;
}


#spPageNumberWrapper{
    display:none !important;
    visibility:hidden !important;
}

#noProductsFound{
    color: #000000;
    visibility: visible;
    text-align: center;
    word-wrap: break-word;
}

/********STAR RATING*********/

span.stars, span.stars span {
			display: block;
			background: url(/App_Themes/GrayNicolls/Images/stars.png) 1px -25px repeat-x;
			width: 125px;
			height: 25px;
		}
	
		span.stars span {
			background-position: 0 0;
		}


@media screen and (min-width: 60.0625em) and (max-width: 4024px) {

    /* icons font-face */

    ul.ft-tags > li[data-count]
    {
        content:"";
    }
    .ft-field {
    border-top: 1px #000 solid;     
}


    .ft-label {
        text-transform: uppercase;
        cursor: pointer;
        list-style: none;
        width: 100%;
        height: 2.75em;
        line-height: 2.75em;
        text-indent: 2.75em;
        font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif;
        font-weight: 600;
        color: #000;
        font-size:1.3em;
    }

       
.ft-label:before {
    position: absolute;
    left: 75%;
}


    ul.ft-tags {
        position: relative !important;
        overflow-x: hidden;
        width: 100%;
        overflow-y: auto;
        margin-left: -40px;
    }

        ul.ft-tags > li {
            text-transform: capitalize;
            font-size: 1em;
            display: block;
            color: #000;
            padding: 5px;
            cursor: pointer;
        }

            ul.ft-tags > li:after {
                /*content: attr(data-count);*/
                font-size: 11px;
                font-weight: normal;
                display: inline-block;
                *display: inline;
                *zoom: 1;
                position: absolute;
                right: 15px;
                padding: 3px 6px;
                color: #000;
            }

            ul.ft-tags > li:hover
            {
                font-size:1.1em;
            }

            ul.ft-tags > li.ft-highlight {
                color: #000;
                
            }

                ul.ft-tags > li.ft-highlight:active {
                    color: #000;
                    
                }

                ul.ft-tags > li.ft-highlight:after {
                    color: #000;
                   
                }

    /* REQUIRED! */
    .ft-hidden {
        display: none !important;
    }


    /* Custom webkit scrollbars */
    ul.ft-tags::-webkit-scrollbar {
        width: 10px;
    }

    ul.ft-tags::-webkit-scrollbar-track {
        box-shadow: inset 0 0 5px rgba(0,0,0,0.5);
        background: #DDD;
    }

    ul.ft-tags::-webkit-scrollbar-thumb {
        border-radius: 2px;
        box-shadow: 0 0 5px rgba(0,0,0,0.7);
        background: #EEE;
    }


    .ft-search {
        display: none;
    }

    .ft-menu {
        position: relative;
        list-style: none;
    }

    ul.ft-selected {
        padding: 15px;
        
    }

        ul.ft-selected > li {
            text-transform: capitalize;
            font-size: 1.2em;
            display: inline-block;
            *display: inline;
            *zoom: 1;
            margin: 1px;
            cursor: pointer;
            padding: 10px;
            width:100%;
            -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
            -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
            box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
            background: #ff0000;
        }

            ul.ft-selected > li:after {
                content: " \00D7";
                color: white;
                float:right;
            }

            ul.ft-selected > li:active {
               
            }
}



@media screen and (max-width: 60.0625em) {

    #placeHolder
    {
        margin-left:10px !important;
    }
    /* icons font-face */

     .ft-label {
        text-transform: uppercase;
        cursor: pointer;
        list-style: none;
        width: 100%;
        height: auto;
        line-height: 2.75em;
        text-indent: .75em;
        font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif;
        font-weight: 600;
        color: #000;
    }

      
.ft-label:before {
    position: absolute;
    left: 75%;
}


    /* reset */
    ul.ft-menu,
    ul.ft-menu * {
        margin: 0;
        border: 0;
        padding: 0;
        line-height: 1;
        position: relative;
        text-align: left;
        font: normal normal 100% sans-serif;
    }


    ul.ft-menu {
        list-style: none;
    }

        ul.ft-menu > li.ft-field {
            display: inline-block;
            *display: inline;
            *zoom: 1;
            background: none !important;
            position: relative !important;
        }

            ul.ft-menu > li.ft-field > span.ft-label {
                cursor: pointer;
            }

                

                ul.ft-menu > li.ft-field > span.ft-label:after {
                    font-size: 80%;
                    content: " \25bc";
                }

                ul.ft-menu > li.ft-field > span.ft-label.ft-active:before {
                    content: "";
                    color: #2D3743;
                }

                ul.ft-menu > li.ft-field > span.ft-label.ft-opened:after {
                    content: " \25b2";
                }

            ul.ft-menu > li.ft-field > div.ft-panel {
                position: absolute;
                min-width: 160px;
                background-clip: padding-box;
                border: 5px solid #333333;
                border: 5px solid rgba(0, 0, 0, 0.3);
                -webkit-border-radius: 3px;
                -moz-border-radius: 3px;
                border-radius: 3px;
                top: 100%;
                margin-top: 15px;
                left: 16%;
                z-index: 9999;
                box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
            }

                ul.ft-menu > li.ft-field > div.ft-panel:before,
                ul.ft-menu > li.ft-field > div.ft-panel:after {
                    position: absolute;
                    content: " ";
                    height: 0;
                    width: 0;
                    left: 50%;
                }

                ul.ft-menu > li.ft-field > div.ft-panel:before {
                    border-left: 10px solid transparent;
                    border-right: 10px solid transparent;
                    border-bottom: 10px solid #333333;
                    border-bottom: 10px solid rgba(0, 0, 0, 0.3);
                    top: -15px;
                    margin-left: -65px;
                }

                ul.ft-menu > li.ft-field > div.ft-panel:after {
                    content: " ";
                    height: 0;
                    width: 0;
                    border-left: 8px solid transparent;
                    border-right: 8px solid transparent;
                    border-bottom: 8px solid #F5F3EE;
                    top: -8px;
                    margin-left: -63px;
                }

                ul.ft-menu > li.ft-field > div.ft-panel > ul.ft-selected {
                    padding: 10px 10px 0 10px;
                    background: #F5F3EE;
                }

                    ul.ft-menu > li.ft-field > div.ft-panel > ul.ft-selected > li {
                        font-size: 10px;
                        display: inline-block;
                        *display: inline;
                        *zoom: 1;
                        margin: 1px;
                        cursor: pointer;
                        padding: 0px 5px 1px 5px;
                        color: white;
                        text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
                        border: 1px solid #057ED0;
                        border: 1px solid rgba(5, 126, 208, 0.7);
                        -webkit-border-radius: 3px;
                        -moz-border-radius: 3px;
                        border-radius: 3px;
                        -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
                        -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
                        box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
                        background: #019AD2;
                        background: -webkit-linear-gradient(#33BCEF, #019AD2);
                        background: -moz-linear-gradient(#33BCEF, #019AD2);
                        background: -o-linear-gradient(#33BCEF, #019AD2);
                        background: -ms-linear-gradient(#33BCEF, #019AD2);
                        background: linear-gradient(#33BCEF, #019AD2);
                    }

                        ul.ft-menu > li.ft-field > div.ft-panel > ul.ft-selected > li:after {
                            content: " \00D7";
                            color: white;
                        }

                        ul.ft-menu > li.ft-field > div.ft-panel > ul.ft-selected > li:active {
                            background: #33BCEF;
                            background: -webkit-linear-gradient(#019AD2, #33BCEF);
                            background: -moz-linear-gradient(#019AD2, #33BCEF);
                            background: -o-linear-gradient(#019AD2, #33BCEF);
                            background: -ms-linear-gradient(#019AD2, #33BCEF);
                            background: linear-gradient(#019AD2, #33BCEF);
                        }

                ul.ft-menu > li.ft-field > div.ft-panel > fieldset.ft-search {
                    padding: 10px;
                    background: #F5F3EE;
                    background: -webkit-linear-gradient(#F5F3EE, #D0CDC9);
                    background: -moz-linear-gradient(#F5F3EE, #D0CDC9);
                    background: -o-linear-gradient(#F5F3EE, #D0CDC9);
                    background: -ms-linear-gradient(#F5F3EE, #D0CDC9);
                    background: linear-gradient(#F5F3EE, #D0CDC9);
                    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="#F5F3EE", EndColorStr="#D0CDC9");
                }

                    ul.ft-menu > li.ft-field > div.ft-panel > fieldset.ft-search:before {
                        content: "";
                        position: absolute;
                        width: 20px;
                        bottom: 15px;
                        left: 18px;
                        color: #BBB;
                        text-shadow: none;
                        z-index: 1;
                    }

                    ul.ft-menu > li.ft-field > div.ft-panel > fieldset.ft-search > input {
                        outline: none;
                        display: block;
                        width: 100px;
                        padding: 4px 10px 4px 25px;
                        color: gray;
                        background: white;
                        -webkit-border-radius: 13px;
                        -moz-border-radius: 13px;
                        border-radius: 13px;
                        box-shadow: inset 0 1px 3px rgba(0,0,0,.4), inset 0 1px 0 rgba(0,0,0,.3);
                    }

                ul.ft-menu > li.ft-field > div.ft-panel > ul.ft-tags {
                    position: relative !important;
                    max-height: 200px !important;
                    border-top: 1px solid #33373D;
                    overflow-x: hidden;
                    overflow-y: auto;
                    width: 100%;
                }

                    ul.ft-menu > li.ft-field > div.ft-panel > ul.ft-tags > li {
                        text-transform:uppercase;
                        font-size: 12px;
                        display: block;
                        border-bottom: 1px solid #33373D;
                        box-shadow: inset 0 1px 0 0 #878e98;
                        display: block;
                        font-weight: bold;
                        color: white;
                        text-shadow: 0 1px 0 rgba(0, 0, 0, .5);
                        padding: 8px 35px 8px 15px;
                        cursor: pointer;
                        background: #616975;
                        background: -webkit-linear-gradient(#727A86, #505864);
                        background: -moz-linear-gradient(#727A86, #505864);
                        background: -o-linear-gradient(#727A86, #505864);
                        background: -ms-linear-gradient(#727A86, #505864);
                        background: linear-gradient(#727A86, #505864);
                        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="#727a86", EndColorStr="#505864");
                    }

                        ul.ft-menu > li.ft-field > div.ft-panel > ul.ft-tags > li:after {
                            content: attr(data-count);
                            font-size: 11px;
                            font-weight: normal;
                            display: inline-block;
                            *display: inline;
                            *zoom: 1;
                            position: absolute;
                            right: 15px;
                            top: 50%;
                            margin-top: -9px;
                            padding: 3px 6px;
                            color: white;
                            background: #48515C;
                            -webkit-border-radius: 8px;
                            -moz-border-radius: 8px;
                            border-radius: 8px;
                            box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, .26), 0px 1px 0px 0px rgba(255, 255, 255, .15);
                        }

                        ul.ft-menu > li.ft-field > div.ft-panel > ul.ft-tags > li.ft-highlight {
                            border-bottom: 1px solid #103C56;
                            box-shadow: inset 0px 1px 0px 0px #6ad2ef;
                            background: #35AFE3;
                            background: -webkit-linear-gradient(#45C7EB, #2698DB);
                            background: -moz-linear-gradient(#45C7EB, #2698DB);
                            background: -o-linear-gradient(#45C7EB, #2698DB);
                            background: -ms-linear-gradient(#45C7EB, #2698DB);
                            background: linear-gradient(#45C7EB, #2698DB);
                            filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="#45c7eb", EndColorStr="#2698db");
                        }

                            ul.ft-menu > li.ft-field > div.ft-panel > ul.ft-tags > li.ft-highlight:active {
                                background: -webkit-linear-gradient(#2698DB, #45C7EB);
                                background: -moz-linear-gradient(#2698DB, #45C7EB);
                                background: -o-linear-gradient(#2698DB, #45C7EB);
                                background: -ms-linear-gradient(#2698DB, #45C7EB);
                                background: linear-gradient(#2698DB, #45C7EB);
                                filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="#2698DB", EndColorStr="#45C7EB");
                            }

                            ul.ft-menu > li.ft-field > div.ft-panel > ul.ft-tags > li.ft-highlight:after {
                                background: #2173A1;
                            }

                ul.ft-menu > li.ft-field > div.ft-panel > div.ft-mismatch {
                    font-size: 11px;
                    padding: 10px 15px;
                    color: white;
                    background: #555555;
                    background: -webkit-linear-gradient(#555555, #333333);
                    background: -moz-linear-gradient(#555555, #333333);
                    background: -o-linear-gradient(#555555, #333333);
                    background: -ms-linear-gradient(#555555, #333333);
                    background: linear-gradient(#555555, #333333);
                    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="#555555", EndColorStr="#333333");
                }

    /* REQUIRED! */
    .ft-hidden {
        display: none !important;
    }


    /* Custom webkit scrollbars */
    ul.ft-menu > li.ft-field > div.ft-panel > ul.ft-tags::-webkit-scrollbar {
        width: 10px;
    }

    ul.ft-menu > li.ft-field > div.ft-panel > ul.ft-tags::-webkit-scrollbar-track {
        box-shadow: inset 0 0 5px rgba(0,0,0,0.5);
        background: #DDD;
    }

    ul.ft-menu > li.ft-field > div.ft-panel > ul.ft-tags::-webkit-scrollbar-thumb {
        border-radius: 2px;
        box-shadow: 0 0 5px rgba(0,0,0,0.7);
        background: #EEE;
    }
}

#placeHolder {
    min-width: 230px;
    width: 10%;
    vertical-align: top;
    padding-right:5px;
}

#master-wrapper-content-center {
    width: 100%;
}



.master-wrapper-cph {
    width: 100%;
    min-height: 70%;
    max-width: 100%;
    vertical-align: top;
    margin: auto;
    
}
.cph-ASPitems_aspx:before {
    content: ' ';
    display: block;
    position: fixed;
    top: 0;
    width: 100%;
    height: 99%;
    z-index: -1;
    opacity: 0.6;
    background: url('/App_Themes/GrayNicolls/Images/Shiv Chanderpaul Artwork.jpg') no-repeat;
    background-size: 575px auto;
}

#placeHolder, .cbp-pgcontainer {
    display: inline-block;
}
.divRefine
{
    /*border-bottom:2px solid #3ecb33;*/
}

.cbp-pgcontainer{
    vertical-align:top;
    margin-left:0;
    width:75%;
}

#filterReset {
    width: 100px;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    text-transform: capitalize;
    font-size: 1.2em;
    *display: inline;
    *zoom: 1;
    margin-left: 20px;
    margin-bottom: 10px;
    cursor: pointer;
    padding: 10px;
    color: #000;
    background: #ff0000;
    position: relative;
    max-width: 100px;
    width: 100%;
}


#filterReset span::after {
    content: " \00D7";
    color: white;
    float: right;
    position: absolute;
    right: 5px;
}

#filterReset span {
    padding: 10px 20px 10px 10px;
}

#filterReset:active {
	background: #ff0000;
}

.divRefine {
    width: 240px;
    font-size: 1.3em;
    margin-left: 20px;
    margin-bottom: 10px;
}


/*MOBILE*/
@media (max-width:480px) 
{
    ul.ft-tags {
        
    }

    .cbp-pgoptsize > span > div {
        min-width: 218px !important;
        margin-left: -23px !important;
    }

    .cbp-pgopttooltip::before {
        margin-left: -115px !important;
    }


    .cbp-pgopttooltip::after {
        margin-left: -111px !important;
    }

    .cbp-pgoptcolor > div {
        min-width: 224px !important;
        margin-left: -45px !important;
    }

    .cbp-pgoptcolor div::before {
        margin-left: -60px !important;
    }

    .cbp-pgoptcolor div::after {
        margin-left: -56px !important;
    }

}

.ldDisplayName {
    color: #000;
    position: relative !important;
    
    padding: 10px;
    margin-top: 10px;
    height: 20px;
    width: 100%;
}


.spPageNumberWrapper
{
    margin:0px !important;
    padding:0px 0px 20px 0px !important;
    width:100%;
}

.shortDescWrapper{width:960px !important;}


#thumbNailsShort {
    position: relative;
    z-index: 99;
    width: auto;
    position: absolute;
}



#thumbNailsShort ul 
{
    display: table-row;
    font-family: 'droid_sansregular';
    list-style-type: none;
    
}
    #thumbNailsShort ul li a img {
    width: 20px !important;
    height: 20px !important;
    float: none !important;
    top: 5px !important;
    padding: 1px;
    cursor:pointer;
}


#thumbNailsShort ul li
{
    font-family: 'droid_sansregular';
	display:inline;
}

.ldItemPrice {
    color: #000;
    position: absolute;
    bottom: 10px;
    font-size: 1em !important;
    width: 100%;
    padding: 10px 0px 10px 0px;
    -webkit-transition: background-color 1000ms linear;
    -moz-transition: background-color 1000ms linear;
    -o-transition: background-color 1000ms linear;
    -ms-transition: background-color 1000ms linear;
    transition: background-color 1000ms linear;
}

.Discription_Short:hover, .ldItemPrice:focus
{
	-webkit-animation: pulsate 1.2s linear infinite;
	animation: pulsate 1.2s linear infinite;
}

.Discription_Short {
    width: 300px;
    height: 300px;
    float: left;
    overflow: hidden;
    position: relative;
    text-align: center;
    margin:5px;
    border:1px solid #000;
    cursor: default;
    font-size: 1.2em !important;
}


.Discription_Short .mask,.Discription_Short .content {
   width: 190px;
   height:220px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
   padding: 35px 2px 15px 2px;
}
.Discription_Short img {
    display: block;
    position: relative;
    filter: alpha(opacity=70);
    width: 190px;
    height: 190px;
    float: left;
    top: -20px;
}

.Discription_Short div > img{margin:30px 50px;}
.Discription_Short h2 {
   text-transform: uppercase;
   color: #000;
   text-align: center;
   position: relative;
   font-size: 17px;
   padding: 10px;
   background: rgba(0, 0, 0, 0.8);
   margin: 20px 0 0 0;
}
.Discription_Short p {
   font-family: Georgia, serif;
   font-style: italic;
   font-size: 12px;
   position: relative;
   color: #000;
   padding: 10px 20px 20px;
   text-align: center;
}
.Discription_Short a.info {
   display: inline-block;
   text-decoration: none;
   padding: 7px 14px;
   background: #000;
   color: #000;
   text-transform: uppercase;
   -webkit-box-shadow: 0 0 1px #000;
   -moz-box-shadow: 0 0 1px #000;
   box-shadow: 0 0 1px #000;
}
.Discription_Short a.info:hover {
   -webkit-box-shadow: 0 0 5px #000;
   -moz-box-shadow: 0 0 5px #000;
   box-shadow: 0 0 5px #000;
}

.view-wrapper img {
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.view-wrapper .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}
.view-wrapper h2 {
   -webkit-transform: translateY(-100px);
   -moz-transform: translateY(-100px);
   -o-transform: translateY(-100px);
   -ms-transform: translateY(-100px);
   transform: translateY(-100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-wrapper p {
   -webkit-transform: translateY(100px);
   -moz-transform: translateY(100px);
   -o-transform: translateY(100px);
   -ms-transform: translateY(100px);
   transform: translateY(100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.view-wrapper:hover img {
   -webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
   -o-transform: scale(1.1,1.1);
   -ms-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1);
}
.view-wrapper a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-wrapper:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.view-wrapper:hover h2,
.view-wrapper:hover p,
.view-wrapper:hover a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
}
.view-wrapper:hover p {
   -webkit-transition-delay: 0.1s;
   -moz-transition-delay: 0.1s;
   -o-transition-delay: 0.1s;
   -ms-transition-delay: 0.1s;
   transition-delay: 0.1s;
}
.view-wrapper:hover a.info {
   -webkit-transition-delay: 0.2s;
   -moz-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   -ms-transition-delay: 0.2s;
   transition-delay: 0.2s;
}

@media screen and (max-width: 60.0625em) 
{
    #thumbNailsShort ul li a img {
    width: 30px !important;
    height: 30px !important;
}
    #SearchOptions {
    padding-top: 25px;
}

}

.btnOptions {
    color: gray;
    text-decoration: none;
    text-transform: capitalize;
}


.dvProductCount {
    padding: 5px;
    font-size: 1.5em;
    color: #ff0000;
    font-weight:bold;
    width: 240px;
    margin-left: 15px;
    text-transform:uppercase;
}

#siPageBottom {
    display: none;
}

.sort-wrap {
    position: absolute;
    float: right;
    right: 22%;
}

/*[data-count] {
    visibility:hidden;
}*/
.desc-short-anch {
    text-decoration: none;
}


/*########################
### Left Navigation ###
########################*/ 


#leftNav{
   display                             :none;
	height				                : 100%px; /* 21em;*/
	
	background-color		            : #333377; 
	/* background-image		            : url(/App_Themes/images/leftNavBkgrnd.jpg); */
	background-position		            : top left;
	background-repeat		            : no-repeat;
}


*html #leftNav{
	height					            : 452px;
}


#leftNav ul{
	list-style				            : none;
	margin					            : 0px;
	padding					            : 0px;
	padding-left			            : 2px;
}


#leftNav ul li a
{
    
	display 				            : block;
	width					            : 149px; /* was 169 */
	margin					            : 0px 0px 0px 3px;
	padding 				            : 0px 5px 0px 18px;
	color					            : White;
	background-color		            : #999999;
	border					            : 1px solid #000;
	line-height				            : 1.5em;
	font-size 				            : 0.8em;
	font-weight				            : normal;
	text-align				            : left;
	vertical-align			            : middle;
	text-decoration 		            : none;
	-moz-border-radius                  : 10px;
    -webkit-border-radius               : 10px;
    -khtml-border-radius                : 10px;
     border-radius                      : 10px;
    -moz-border-radius-bottomright      : 10px 10px;
     border-bottom-right-radius         : 10px 10px;
 	-moz-box-shadow			            : 0px 10px 15px rgba(0,0,0,0.7);
	-webkit-box-shadow		            : 0px 10px 15px rgba(0,0,0,0.7);
	box-shadow				            : 0px 10px 15px rgba(0,0,0,0.7);
	color					            : #FFF;
	-khtml-opacity			            : 0.9;
	-moz-opacity			            : 0.9;
	opacity					            : 0.9;
	
}

*html #leftNav ul li a{
	padding 				            : 0px 5px 0px 18px;
	height					            : 20px
	
}

*html #leftNav img{
	padding 				            : 0px 0px 0px 0px;
	margin					            : 6px 0px 0px 0px;
	
}

#leftNav ul li a:hover, #leftNav ul li a.selected{
	color					            : Red;
	background-image		            : url(/App_Themes/images/headerNavOver.jpg);
	background-position		            : left;
	background-repeat		            : repeat-x;
}


#leftNav ul li a.currentItem{
	background-image		            : url(/App_Themes/images/buttonOver.jpg);
	background-repeat		            : repeat-x;
	background-position		            : bottom;
}

#leftNav ul li ul li a{
	background-color		            : #313131;
	color					            : #CCC;
	text-transform			            : none;
	font-size				            : 90%;
	font-weight				            : 200;
}

#leftNav ul li ul li a:hover, #leftNav ul li ul li a.selected{
	background-color		            : #E8E8E8;
	color					            : Black;
	background-image		            : none;
	-moz-border-radius                  : 10px;
    -webkit-border-radius               : 10px;
    -khtml-border-radius                : 10px;
     border-radius                      : 10px;
    -moz-border-radius-bottomright      : 10px 10px;
     border-bottom-right-radius         : 10px 10px;
 	-moz-box-shadow			            : 0px 10px 15px rgba(0,0,0,0.7);
	-webkit-box-shadow		            : 0px 10px 15px rgba(0,0,0,0.7);
	box-shadow				            : 0px 10px 15px rgba(0,0,0,0.7);
	color					            : #FFF;
	-khtml-opacity			            : 0.9;
	-moz-opacity			            : 0.9;
	opacity					            : 0.9;
}

#leftNav ul li ul li .SubHeading
{
	display                             : block; 
	width                               : 122px;  /* was 142 */
	margin                              : 0px 0px 0px 3px;
    padding                             : 0px 5px 0px 18px; 
    border                              : 1px solid #000;
    line-height                         : 1.5em; 
    font-size                           : .8em; 
    font-weight                         : normal; 
    text-align                          : left; 
    text-decoration                     : none;
}

#leftNav ul li ul li .SubHeading_Colour_GIL
{
    color                               : #FFF; 
    background-color                    : #92C789;
}

#leftNav ul li ul li .SubHeading_Colour_GNT
{
    color                               : #FFF; 
    background-color                    : #D27EAA; 
}

  .button_nav_size
  {
  	width				                : 193px;
  	height				                : 1.8em;
	text-transform		                : none;
	font-size			                : 0.7em;
	font-weight			                : 200;
	padding-left		                : 20px;
	text-align			                : left;
	border-style		                : outset;
	border-width		                : 1px;
	margin-left			                : 2px;
  }
  
  
  .button_nav_colour
  {
    width                               : 98%;
	color				                : Black !important;
	background-color	                : #CCCCCC; /* light = #92C789; dark = #498050; */
	border-color		                : #CCCCCC;
	-moz-border-radius                  : 10px;
    -webkit-border-radius               : 10px;
    -khtml-border-radius                : 10px;
     border-radius                      : 10px;
    -moz-border-radius-bottomright      : 10px 10px;
     border-bottom-right-radius         : 10px 10px;
 	-moz-box-shadow			            : 0px 10px 15px rgba(0,0,0,0.7);
	-webkit-box-shadow		            : 0px 10px 15px rgba(0,0,0,0.7);
	box-shadow				            : 0px 10px 15px rgba(0,0,0,0.7);
	color					            : #FFF;
	-khtml-opacity			            : 0.5;
	-moz-opacity			            : 0.5;
	opacity					            : 0.5; 
	transition				            : all .2s ease-in-out;
	-webkit-transition		            : all .2s ease-in-out;
	-moz-transition			            : all .2s ease-in-out;
	-o-transition			            : all .2s ease-in-out;
	filter					            : alpha(opacity=50);
	-khtml-opacity			            : 0.5;
	-moz-opacity			            : 0.5;
	opacity					            : 0.5;
  }
  .button_nav_colour:hover
  {
     background-color	                : #CCCCCC;
      color                             : White;
      -moz-border-radius                : 10px;
    -webkit-border-radius               : 10px;
    -khtml-border-radius                : 10px;
     border-radius                      : 10px;
    -moz-border-radius-bottomright      : 10px 10px;
     border-bottom-right-radius         : 10px 10px;
 	-moz-box-shadow			            : 0px 10px 15px rgba(0,0,0,0.7);
	-webkit-box-shadow		            : 0px 10px 15px rgba(0,0,0,0.7);
	box-shadow				            : 0px 10px 15px rgba(0,0,0,0.7);
	color					            : #FFF;
	-khtml-opacity			            : 0.5;
	-moz-opacity			            : 0.5;
	opacity					            : 0.5; 
    transition				            : all .2s ease-in-out;
	-webkit-transition		            : all .2s ease-in-out;
	-moz-transition			            : all .2s ease-in-out;
	-o-transition			            : all .2s ease-in-out;
	filter					            : alpha(opacity=99);
	-khtml-opacity			            : 0.9;
	-moz-opacity			            : 0.9;
	opacity					            : 0.9;
  }
  
  

@import url(https://fonts.googleapis.com/css?family=Roboto:400,500);

html, body {
    width: 100%;
    margin: auto;
    padding: 0;
    text-decoration: none;
    max-width: 1400px;
    font-family:Avenir, Roboto, 'Helvetica Neue', Helvetica, Arial, sans-serif;
    color: #000;
    background:transparent !important;
    font-size: 12px;
}

input[type=submit], input[type=text], input[type=button], input[type=email], input[type=password] {
    /* remove ios/safari default styling*/
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}

/*.master-wrapper-content-center {
background:url(https://secure.graysobjects.com/Data-db1/B2Cdata/Banners/CKT/banner1.jpg) no-repeat top #000;
background-repeat:no-repeat;
background-attachment:fixed;
background-size:70% auto;
margin-top:50px
}*/

/*.master-wrapper-cph {
background:rgba(0,0,0,0.7)
}*/

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (-o-min-device-pixel-ratio: 32),only screen and (min--moz-device-pixel-ratio: 1.5),only screen and (min-device-pixel-ratio: 1.5) {
    html, body {
        width: 100%;
        overflow-y:scroll !important;
    }
}

h1 {
    font-size: 2em;
    width: 50%;
    margin: auto;
    text-align: center;
    padding: 15px
}

a {
    color: #000
}

    a:hover {
        color: #ed1c24
    }

@media screen and (max-width: 65.0625em) {
    .gn-mobile-menu-wrap {
        display: block
    }

    #SearchOptions {
        display: none
    }

    h1 {
        width: 100%;
        box-sizing: border-box;
    }

    .section-responsive {
        width: 100%
    }

    .btnSignUpSave {
        width: 50% !important
    }

    .signup-main-wrap {
        width: 100%
    }

    .singUpSaveContent {
        width: 100%;
        float: right;
        top: 0
    }

    .GN-tabs {
        top: 76px !important
    }

    #supersized li {
        -webkit-box-shadow: inherit !important;
        -moz-box-shadow: inherit !important;
        -ms-box-shadow: inherit !important;
        box-shadow: inherit !important
    }

    .subfooter span {
        float: left;
        width: 100%;
        font-family: Verdana,Geneva,sans-serif;
        font-weight: 100;
        -webkit-font-smoothing: antialiased;
        margin: auto 25%;
        text-align: left
    }
}

.ui-dialog {
    width: 50% !important;
    margin: auto
}

.view {
    float: left;
    overflow: hidden;
    position: relative;
    text-align: center;
    -webkit-box-shadow: 1px 1px 2px #e6e6e6;
    -moz-box-shadow: 1px 1px 2px #e6e6e6;
    -ms-box-shadow: 1px 1px 2px #e6e6e6;
    box-shadow: 1px 1px 2px #e6e6e6;
    cursor: default;
    background-color: transparent
}

    .view .mask, .view .content {
        width: 100%;
        height: 100%;
        position: absolute;
        overflow: hidden;
        top: 0;
        left: 0
    }

    .view img {
        display: block;
        position: relative
    }

    .view h2 {
        text-transform: uppercase;
        color: #fff;
        text-align: center;
        position: relative;
        font-size: 1.3em;
        padding: 10px;
        background: #000000;
        background: rgba(0,0,0,0.8)
    }

    .view p {
        font-family: Verdana,Geneva,sans-serif;
        font-weight: 100;
        -webkit-font-smoothing: antialiased;
        font-style: italic;
        font-size: 15px;
        position: relative;
        color: #fff;
        padding: 10px 20px 20px;
        text-align: center
    }

    .view a.info {
        display: inline-block;
        text-decoration: none;
        padding: 7px 14px;
        background: #000;
        color: #fff;
        text-transform: uppercase;
        -webkit-box-shadow: 0 0 1px #000;
        -moz-box-shadow: 0 0 1px #000;
        box-shadow: 0 0 1px #000
    }

        .view a.info:hover {
            -webkit-box-shadow: 0 0 5px #000;
            -moz-box-shadow: 0 0 5px #000;
            -ms-box-shadow: 0 0 5px #000;
            box-shadow: 0 0 5px #000
        }

.footer-view img {
    -webkit-transition: all .4s ease-in-out .2s;
    -moz-transition: all .4s ease-in-out .2s;
    -o-transition: all .4s ease-in-out .2s;
    -ms-transition: all .4s ease-in-out .2s;
    transition: all .4s ease-in-out .2s;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-filter: alpha(opacity=100);
    -moz-filter: alpha(opacity=100);
    -o-filter: alpha(opacity=100);
    filter: alpha(opacity=100);
    -ms-opacity: 1;
    opacity: 1
}

.footer-view .mask {
    background: #ed1c24;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-filter: alpha(opacity=0);
    -moz-filter: alpha(opacity=0);
    -o-filter: alpha(opacity=0);
    filter: alpha(opacity=0);
    -ms-opacity: 0;
    opacity: 0;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -ms-transition: all .2s ease-in;
    transition: all .2s ease-in;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0
}

.footer-view h2 {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-filter: alpha(opacity=0);
    -moz-filter: alpha(opacity=0);
    -o-filter: alpha(opacity=0);
    filter: alpha(opacity=0);
    -ms-opacity: 0;
    opacity: 0;
    border-bottom: 1px solid #000000;
    border-bottom: 1px solid rgba(0,0,0,0.3);
    background: transparent;
    margin: 20px 40px 0
}

.footer-view p {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0
}

.footer-view a.info {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0
}

.footer-view:hover .mask {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transition-delay: .2s;
    -moz-transition-delay: .2s;
    -o-transition-delay: .2s;
    -ms-transition-delay: .2s;
    transition-delay: .2s
}

.footer-view:hover h2, .footer-view:hover p, .footer-view:hover a.info {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1
}

.footer {
    bottom: 0px;
    width: 100%;
    max-width: 1400px;
    display: inline-block;
    height: auto;
    z-index: 5;
}

    .footer .nav

{
    margin: 0 auto;
    width: 80%;
    
}

    .footer .credit {
        text-align: center;
        font-size: .9em;
        margin: 0;
        padding: 0;
        padding-bottom: 5px;
        color: #ed1c24;
    }

        .footer .credit a {
            color: #ed1c24;
            font-size: 1.1em;
            text-decoration: none
        }

            .footer .credit a:hover {
                color: #ed1c24;
            }

.footer-mobile-menu-wrap {
    display: none
}

.footer-mobile-menu-button {
    display: none
}

#footer-nav {
    margin: 0;
    padding: 0;
    list-style: none;
    display: block
}

    #footer-nav li {
        border-width: 0 0 1px
    }

        #footer-nav li.current a {
            color: #9b9796
        }

            #footer-nav li.current a:hover {
                color: #ed1c24
            }

    #footer-nav a {
        color: #fff;
        font-size: .9em;
        padding: .75em 5%;
        text-align: center;
        text-decoration: none;
        display: block
    }

        #footer-nav a:hover {
            color: #ed1c24
        }

#content, #sidebar {
    padding-bottom: 3em
}

.main-content {
    overflow: hidden;
    padding-bottom: 4.5em
}

#content {
    float: right;
    width: 100%;
    margin: 3em 0 0
}

    #content p {
        max-width: 80%
    }

#sidebar {
    float: right;
    width: 100%;
    margin-top: 3em
}

    #sidebar p {
        max-width: 80%
    }

    #sidebar ul {
        margin: 0;
        padding: 0;
        list-style: none
    }

    #sidebar li {
        padding: .5em 0;
        border-bottom: 1px solid #999
    }

    #sidebar a {
        text-decoration: none;
        font-family: Verdana,Geneva,sans-serif;
        font-weight: 100;
        -webkit-font-smoothing: antialiased;
        display: block
    }

        #sidebar a:hover {
            color: #697C98
        }

.subfooter {
    clear: both;
    width: 100%;
    color: #eee;
    position: relative
}

    .subfooter span {
        float: left;
        width: 100%;
        font-family: Verdana,Geneva,sans-serif;
        font-weight: 100;
        -webkit-font-smoothing: antialiased;
        text-align: left
    }

        .subfooter span h4 {
            font-size: 1.3em
        }

        .subfooter span ul {
            list-style: none;
            margin: 0;
            padding: 0
        }

    .subfooter .footerlinks a {
        background: url(/App_Themes/GrayNicolls/images/sprite-footer.png) no-repeat 0 -30px
    }

        .subfooter .footerlinks a.psdtuts {
            color: #d01b13;
            background-position: 0 -30px
        }

        .subfooter .footerlinks a.nettuts {
            color: #31867d;
            background-position: 0 -60px
        }

        .subfooter .footerlinks a.vectortuts {
            color: #296193;
            background-position: 0 -90px
        }

        .subfooter .footerlinks a.audiotuts {
            color: #63991b;
            background-position: 0 -120px
        }

        .subfooter .footerlinks a.phototuts {
            color: #558393;
            background-position: 0 -180px
        }

        .subfooter .footerlinks a.mobiletuts {
            color: #d3a121;
            background-position: 0 -210px
        }

        .subfooter .footerlinks a.webdesigntuts {
            color: #15876c;
            background-position: 0 -240px
        }

        .subfooter .footerlinks a.wptuts {
            color: #578799;
            background-position: 0 -270px
        }

        .subfooter .footerlinks a.aetuts {
            color: #7d628c;
            background-position: 0 -300px
        }

        .subfooter .footerlinks a.cgtuts {
            color: #ab6a78;
            background-position: 0 -330px
        }

            .subfooter .footerlinks a.psdtuts:hover, .subfooter .footerlinks a.nettuts:hover, .subfooter .footerlinks a.vectortuts:hover, .subfooter .footerlinks a.audiotuts:hover, .subfooter .footerlinks a.phototuts:hover, .subfooter .footerlinks a.mobiletuts:hover, .subfooter .footerlinks a.webdesigntuts:hover, .subfooter .footerlinks a.wptuts:hover, .subfooter .footerlinks a.aetuts:hover, .subfooter .footerlinks a.cgtuts:hover {
                color: #fff
            }

.footerlinks li img {
    width: 100%;
    height: auto
}
/*@media screen and (min-width: 44em) and (max-width:75em) {
    .GN-desktop-nav {
        margin: 0 0 0 14% !important;
    }


}*/

    @media screen and (min-width: 65.0625em) {
        #content {
            width: 67%;
            padding: 0 0 0 2%
        }

        #sidebar {
            width: 20%;
            padding: 0 10% 0 0
        }

        .twitterwrapper {
            width: 40% !important;
            padding-bottom: 0 !important
        }

        .subfooter span {
            width: 24%
        }

            .subfooter span:nth-of-type(2) {
                border-width: 0 1px
            }

        /*span:nth-of-type(1),span:nth-of-type(2),span:nth-of-type(3),span:nth-of-type(4) {
padding-left:.7%
}*/
    }

    @media screen and (min-width: 47em) {
        #footer-nav {
            overflow: hidden
        }

            #footer-nav li {
                border: 0
            }

            #footer-nav a {
                padding: .75em 0 .75em 5%;
                float: left;
                background-color: transparent;
                background-image: none;
                border-width: 0;
                color: #fff !important
            }

                #footer-nav a:hover {
                    color: #ed1c24
                }
    }

    @media screen and (min-width: 56em) {
        #footer-nav a {
            padding: .75em 1.5em .75em 5%
        }

        #footer-nav {
            background-image: url('/App_Themes/GrayNicolls/Images/Footer menu Box.png');
            background-repeat: no-repeat;
            background-size: 100% 100%;
        }
    }

    @media screen and (min-width: 64em) {
       
        footer .credit {
            padding: .75em 0
        }

        #footer-nav {
            width: 100%;
            text-align: center;
            background-image: url('/App_Themes/GrayNicolls/Images/Footer menu Box.png');
            background-repeat: no-repeat;
            background-size: 100% 100%;
        }

            #footer-nav li {
                display: inline-block;
                *display: inline;
                *zoom: 1;
                color: white;
                margin-right: 10px
            }

            #footer-nav a {
                padding: .5em 1.25em
            }

                #footer-nav a:hover {
                    color: #ed1c24 !important
                }

            #footer-nav li.current a:hover {
                color: #777
            }

            #footer-nav li:last-child a {
                padding-right: 0
            }
    }

    @media screen and (min-width: 75em) {

        #footer-nav a {
            padding: .5em 1.75em
        }

        #footer-nav {
            background-image: url('/App_Themes/GrayNicolls/Images/Footer menu Box.png');
            background-repeat: no-repeat;
            background-size: 100% 100%;
        }
    }

    @media (min-width:120px) and (max-width:47em) {
        .footerNewsText {
            font-family: Verdana,Geneva,sans-serif;
            font-weight: 100;
            -webkit-font-smoothing: antialiased;
            font-size: 7vmin !important;
            text-align: right !important;
            margin-top: -280px !important;
            color: #fff;
            position: absolute !important;
            right: 44px !important
        }

        .footerWRNText {
            font-family: Verdana,Geneva,sans-serif;
            font-weight: 100;
            -webkit-font-smoothing: antialiased;
            font-size: 7vmin !important;
            text-align: right !important;
            margin-top: -280px !important;
            color: #fff;
            position: absolute !important
        }

        .footerPOText {
            font-family: Verdana,Geneva,sans-serif;
            font-weight: 100;
            -webkit-font-smoothing: antialiased;
            font-size: 7vmin !important;
            margin-top: -50px !important;
            margin-left: 20px !important;
            color: #fff
        }

        .footerCompText {
            font-family: Verdana,Geneva,sans-serif;
            font-weight: 100;
            -webkit-font-smoothing: antialiased;
            font-size: 7vmin !important;
            margin-top: 0 !important;
            margin-left: 20px !important;
            color: #000
        }
    }

    .footerPOText {
        font-family: Verdana,Geneva,sans-serif;
        font-weight: 100;
        -webkit-font-smoothing: antialiased;
        font-size: 4.5vmin;
        margin-top: -50px !important;
        margin-left: 20px !important;
        color: #fff
    }

    .footerNewsText {
        font-family: Verdana,Geneva,sans-serif;
        font-weight: 100;
        -webkit-font-smoothing: antialiased;
        font-size: 4vmin;
        text-align: right;
        margin-top: -51% !important;
        color: #fff
    }

    .footerWRNText {
        font-family: Verdana,Geneva,sans-serif;
        font-weight: 100;
        -webkit-font-smoothing: antialiased;
        font-size: 4vmin;
        text-align: left;
        margin-left: 20px;
        margin-top: -51% !important;
        color: #fff
    }

    .footerCompText {
        font-family: Verdana,Geneva,sans-serif;
        font-weight: 100;
        -webkit-font-smoothing: antialiased;
        font-size: 4vmin;
        margin-top: -50px !important;
        margin-left: 20px !important;
        color: #000
    }

    .footerSocial {
        width: 100%;
        vertical-align: middle;
        text-align: center;
        position: relative;
        display: inline-block;
        margin: 0 auto 10px
    }

    .footerSocialT, .footerSocialF, .footerSocialY, .footerSocialG, .footerSocialP, .footerSocialI {
        display: inline-block;
        margin-right: 5px
    }

        .footerSocialT:hover, .footerSocialF:hover, .footerSocialY:hover, .footerSocialG:hover, .footerSocialP:hover, .footerSocialI:hover {
            filter: alpha(opacity=50);
            -khtml-opacity: .5;
            -moz-opacity: .5;
            opacity: .5
        }

    #backtotop {
        font-family: Verdana,Geneva,sans-serif !important;
        cursor: pointer;
        display: none;
        margin: 0 0 0 420px;
        position: fixed;
        bottom: 20px;
        right: 20px;
        font-size: 90%;
        padding: 10px;
        width: 30px;
        text-align: center;
        border-radius: 8px;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        filter: alpha(opacity=80);
        -khtml-opacity: .8;
        -moz-opacity: .8;
        opacity: .8;
        color: #000;
        font-size: 1em;
        z-index: 1000
    }

        #backtotop:hover {
            filter: alpha(opacity=100);
            -khtml-opacity: 1;
            -moz-opacity: 1;
            opacity: 1
        }

    .gotop {
        margin-left: -13px !important
    }

    @media screen and (max-width: 65.0625em) {
        .gn-timeline-img img {
            width: 40px !important;
            height: 40px !important;
            margin-left: -4px !important;
            margin-top: -4px !important
        }

        #gotop {
            visibility: hidden;
            width: 15px
        }

        #backtotop {
            width: 60px;
            padding: 2px;
            bottom: 0;
            right: 0;
            border-radius: 0;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            filter: alpha(opacity=100);
            -khtml-opacity: 1;
            -moz-opacity: 1;
            opacity: 1;
            background-color: #ed1c24;
            color: #fff !important
        }

            #backtotop:hover, #backtotop:focus {
                filter: alpha(opacity=100);
                -khtml-opacity: 1;
                -moz-opacity: 1;
                opacity: 1
            }
    }

    @media screen and (max-width: 65.0625em) {
        #footer-nav a {
            color: #fff !important
        }

        #footer-menu-responsive {
            position: relative;
            margin: 0;
            font-family: Verdana,Geneva,sans-serif;
            line-height: 1;
            width: 100%
        }

        .align-right {
            float: right
        }

        #footer-menu-responsive ul {
            margin: 0;
            padding: 0;
            list-style: none;
            display: block
        }

            #footer-menu-responsive ul li {
                position: relative;
                margin: 0;
                padding: 0
            }

                #footer-menu-responsive ul li a {
                    text-decoration: none;
                    cursor: pointer
                }

        #footer-menu-responsive > ul > li > a {
            color: #dddddd;
            text-transform: uppercase;
            display: block;
            padding: 20px;
            border-top: 1px solid #000000;
            border-left: 1px solid #000000;
            border-right: 1px solid #000000;
            background: #222222;
            box-shadow: inset 0 1px 0 #ffffff;
            box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
            letter-spacing: 1px;
            font-size: 16px;
            font-weight: 300;
            -webkit-transition: all .25s ease-in;
            -moz-transition: all .25s ease-in;
            -ms-transition: all .25s ease-in;
            -o-transition: all .25s ease-in;
            transition: all .25s ease-in;
            position: relative
        }

            #footer-menu-responsive > ul > li > a span {
                margin: 0 !important
            }

        #footer-menu-responsive > ul > li:first-child > a {
            border-top-left-radius: 3px;
            border-top-right-radius: 3px
        }

        #footer-menu-responsive > ul > li:last-child > a {
            border-bottom-left-radius: 3px;
            border-bottom-right-radius: 3px;
            border-bottom: 1px solid #000000
        }

        #footer-menu-responsive > ul > li:hover > a, #footer-menu-responsive > ul > li.open > a, #footer-menu-responsive > ul > li.active-footer > a {
            background: #151515;
            color: #ffffff
        }

        #footer-menu-responsive ul > li.has-sub-footer > a::after {
            content: "";
            position: absolute;
            display: block;
            width: 0;
            height: 0;
            border-top: 13px solid #000000;
            border-bottom: 13px solid transparent;
            border-left: 125px solid transparent;
            border-right: 125px solid transparent;
            left: 0;
            bottom: -13px;
            bottom: 0;
            z-index: 1;
            opacity: 0;
            -webkit-transition: all .2s ease;
            -moz-transition: all .2s ease;
            -ms-transition: all .2s ease;
            -o-transition: all .2s ease;
            transition: all .2s ease
        }

        #footer-menu-responsive ul > li.has-sub-footer > a::before {
            content: "";
            position: absolute;
            display: block;
            width: 0;
            height: 0;
            border-top: 13px solid #151515;
            border-bottom: 13px solid transparent;
            border-left: 125px solid transparent;
            border-right: 125px solid transparent;
            left: 0;
            bottom: -12px;
            bottom: -1px;
            z-index: 3;
            opacity: 0;
            -webkit-transition: all .2s ease;
            -moz-transition: all .2s ease;
            -ms-transition: all .2s ease;
            -o-transition: all .2s ease;
            transition: all .2s ease
        }

        #footer-menu-responsive ul > li.has-sub-footer::after {
            content: "";
            display: block;
            position: absolute;
            width: 0;
            height: 0;
            border: 7px solid transparent;
            border-top-color: #dddddd;
            z-index: 2;
            right: 20px;
            top: 24.5px;
            pointer-events: none
        }

        #footer-menu-responsive ul > li:hover::after, #footer-menu-responsive ul > li.active-footer::after, #footer-menu-responsive ul > li.open::after {
            border-top-color: #ffffff
        }

        #footer-menu-responsive ul > li.has-sub-footer.open > a::after {
            opacity: 1;
            bottom: -13px
        }

        #footer-menu-responsive ul > li.has-sub-footer.open > a::before {
            opacity: 1;
            bottom: -12px
        }

        #footer-menu-responsive ul ul {
            display: none
        }

            #footer-menu-responsive ul ul li {
                border-left: 1px solid #ccc;
                border-right: 1px solid #ccc
            }

                #footer-menu-responsive ul ul li a {
                    background: #f1f1f1;
                    display: block;
                    position: relative;
                    font-size: 15px;
                    padding: 14px 20px;
                    border-bottom: 1px solid #dddddd;
                    color: #777777;
                    font-weight: 300;
                    -webkit-transition: all .25s ease-in;
                    -moz-transition: all .25s ease-in;
                    -ms-transition: all .25s ease-in;
                    -o-transition: all .25s ease-in;
                    transition: all .25s ease-in
                }

                #footer-menu-responsive ul ul li:first-child > a {
                    padding-top: 18px
                }

            #footer-menu-responsive ul ul ul li {
                border: 0
            }

            #footer-menu-responsive ul ul li:hover > a, #footer-menu-responsive ul ul li.open > a, #footer-menu-responsive ul ul li.active-footer > a {
                background: #e4e4e4;
                color: #666666
            }

            #footer-menu-responsive ul ul > li.has-sub-footer > a::after {
                border-top: 13px solid #dddddd
            }

            #footer-menu-responsive ul ul > li.has-sub-footer > a::before {
                border-top: 13px solid #e4e4e4
            }

            #footer-menu-responsive ul ul ul li a {
                padding-left: 30px
            }

            #footer-menu-responsive ul ul > li.has-sub-footer::after {
                top: 18.5px;
                border-width: 6px;
                border-top-color: #777777
            }

            #footer-menu-responsive ul ul > li:hover::after, #footer-menu-responsive ul ul > li.active-footer::after, #footer-menu-responsive ul ul > li.open::after {
                border-top-color: #666666
            }
    }

    @media screen and (min-width: 65.0625em) and (max-width: 4024px) {
        #footer-menu-responsive {
            display: none
        }
    }

    @media screen and (min-width:60.0625em) and (max-width:1500px) {
        .main {
            position: relative !important
        }
    }

    @media screen and (max-width:60.25em) {
        .footer-mobile-link-list li {
            list-style: none;
            font-size: 1.7em
        }

        .canvasWrap {
            margin-left: auto !important;
            width: 100% !important;
            padding-bottom: 100% !important
        }

        .storelocator-panel {
            width: 100% !important;
            height: 200px !important
        }

        .retailer-print {
            display: none !important
        }

        .retailers-info {
            width: 100% !important;
            padding-top: 20px !important
        }

        .change-sport-brand {
            width: 40px !important
        }

        .brand-imagewrap {
            float: left !important
        }

        .footer-mobile-menu-button {
            position: fixed;
            bottom: 20px;
            z-index: 1000;
            bottom: 0;
            padding: 0;
            width: 2.5em;
            height: 2.25em;
            border: none;
            font-size: 1.5em
        }

            .footer-mobile-menu-button span {
                display: none
            }

            .footer-mobile-menu-button:hover {
                opacity: .6
            }

        #footer-nav {
            display: none
        }

        .footer-mobile-menu-wrap {
            display: block;
            position: fixed;
            z-index: 999;
            background: #ed1c24;
            -webkit-transition: width 0.3s,height .3s;
            transition: width 0.3s,height .3s;
            width: 0;
            height: 0;
            font-size: 1.5em;
            bottom: 2.2em;
            -webkit-transform-origin: 0 100%;
            transform-origin: 0 100%;
            padding-bottom:10px;
        }

        .footer-mobile-menu-button {
            display: block
        }
    }

    @media screen and (max-width: 50em) {
        .footer-mobile-menu-button {
            margin: .25em
        }

        .footer-mobile-menu-wrap {
            bottom: .25em;
            left: .25em
        }
    }

    .footer-mobile-menu {
        height: 100%;
        opacity: 0;
        font-size: 1em;
        color: #000;
        text-align: left
    }

        .footer-mobile-menu:focus > .footer-mobile-menu-button {
            color: #000
        }

    .footer-mobile-link-list {
        padding: 1.35em 0;
        margin: 0 .75em;
        border-bottom: 3px solid rgba(125,129,148,0.2);
        border-top: 3px solid rgba(125,129,148,0.2)
    }

        .footer-mobile-link-list a {
            display: block;
            margin: .25em 0;
            color: #fff;
            padding: .5em 1.5em;
            text-decoration: none
        }

            .footer-mobile-link-list a span {
                margin-left: 10px;
                font-weight: 700;
                vertical-align: middle
            }

    .icon-list {
        position: absolute;
        right: 1em;
        bottom: 2.5em
    }

        .icon-list a {
            font-size: 1.5em;
            margin-left: .25em;
            color: #fff
        }

    .show-footer-menu .content::before {
        opacity: 1;
        -webkit-transition: opacity .3s;
        transition: opacity .3s;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    .show-footer-menu .footer-mobile-menu-wrap {
        width: 280px;
        height: 265px;
        -webkit-animation: anim-jelly .8s linear forwards;
        animation: anim-jelly .8s linear forwards
    }

    .show-footer-menu .footer-mobile-menu {
        opacity: 1;
        -webkit-transition: opacity .3s .3s;
        transition: opacity .3s .3s
    }

    @-webkit-keyframes anim-jelly {
        0% {
            -webkit-transform: matrix3d(0,0,0,0,0,0,0,0,0,0,1,0,0,0,0,1);
            transform: matrix3d(0,0,0,0,0,0,0,0,0,0,1,0,0,0,0,1)
        }

        3.333333% {
            -webkit-transform: matrix3d(0.32778,0,0,0,0,0.32778,0,0,0,0,1,0,0,0,0,1);
            transform: matrix3d(0.32778,0,0,0,0,0.32778,0,0,0,0,1,0,0,0,0,1)
        }

        6.666667% {
            -webkit-transform: matrix3d(0.69875,0,0,0,0,0.69875,0,0,0,0,1,0,0,0,0,1);
            transform: matrix3d(0.69875,0,0,0,0,0.69875,0,0,0,0,1,0,0,0,0,1)
        }

        10% {
            -webkit-transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);
            transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1)
        }

        13.333333% {
            -webkit-transform: matrix3d(1.1815,0,0,0,0,1.1815,0,0,0,0,1,0,0,0,0,1);
            transform: matrix3d(1.1815,0,0,0,0,1.1815,0,0,0,0,1,0,0,0,0,1)
        }

        16.666667% {
            -webkit-transform: matrix3d(1.24402,0,0,0,0,1.24402,0,0,0,0,1,0,0,0,0,1);
            transform: matrix3d(1.24402,0,0,0,0,1.24402,0,0,0,0,1,0,0,0,0,1)
        }

        20% {
            -webkit-transform: matrix3d(1.21871,0,0,0,0,1.21871,0,0,0,0,1,0,0,0,0,1);
            transform: matrix3d(1.21871,0,0,0,0,1.21871,0,0,0,0,1,0,0,0,0,1)
        }

        23.333333% {
            -webkit-transform: matrix3d(1.14702,0,0,0,0,1.14702,0,0,0,0,1,0,0,0,0,1);
            transform: matrix3d(1.14702,0,0,0,0,1.14702,0,0,0,0,1,0,0,0,0,1)
        }

        26.666667% {
            -webkit-transform: matrix3d(1.06589,0,0,0,0,1.06589,0,0,0,0,1,0,0,0,0,1);
            transform: matrix3d(1.06589,0,0,0,0,1.06589,0,0,0,0,1,0,0,0,0,1)
        }

        30% {
            -webkit-transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);
            transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1)
        }

        33.333333% {
            -webkit-transform: matrix3d(0.9603,0,0,0,0,0.9603,0,0,0,0,1,0,0,0,0,1);
            transform: matrix3d(0.9603,0,0,0,0,0.9603,0,0,0,0,1,0,0,0,0,1)
        }

        36.666667% {
            -webkit-transform: matrix3d(0.94663,0,0,0,0,0.94663,0,0,0,0,1,0,0,0,0,1);
            transform: matrix3d(0.94663,0,0,0,0,0.94663,0,0,0,0,1,0,0,0,0,1)
        }

        40% {
            -webkit-transform: matrix3d(0.95217,0,0,0,0,0.95217,0,0,0,0,1,0,0,0,0,1);
            transform: matrix3d(0.95217,0,0,0,0,0.95217,0,0,0,0,1,0,0,0,0,1)
        }

        43.333333% {
            -webkit-transform: matrix3d(0.96784,0,0,0,0,0.96784,0,0,0,0,1,0,0,0,0,1);
            transform: matrix3d(0.96784,0,0,0,0,0.96784,0,0,0,0,1,0,0,0,0,1)
        }

        46.666667% {
            -webkit-transform: matrix3d(0.98559,0,0,0,0,0.98559,0,0,0,0,1,0,0,0,0,1);
            transform: matrix3d(0.98559,0,0,0,0,0.98559,0,0,0,0,1,0,0,0,0,1)
        }

        50% {
            -webkit-transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);
            transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1)
        }

        53.333333% {
            -webkit-transform: matrix3d(1.00868,0,0,0,0,1.00868,0,0,0,0,1,0,0,0,0,1);
            transform: matrix3d(1.00868,0,0,0,0,1.00868,0,0,0,0,1,0,0,0,0,1)
        }

        56.666667% {
            -webkit-transform: matrix3d(1.01167,0,0,0,0,1.01167,0,0,0,0,1,0,0,0,0,1);
            transform: matrix3d(1.01167,0,0,0,0,1.01167,0,0,0,0,1,0,0,0,0,1)
        }

        60% {
            -webkit-transform: matrix3d(1.01046,0,0,0,0,1.01046,0,0,0,0,1,0,0,0,0,1);
            transform: matrix3d(1.01046,0,0,0,0,1.01046,0,0,0,0,1,0,0,0,0,1)
        }

        63.333333% {
            -webkit-transform: matrix3d(1.00703,0,0,0,0,1.00703,0,0,0,0,1,0,0,0,0,1);
            transform: matrix3d(1.00703,0,0,0,0,1.00703,0,0,0,0,1,0,0,0,0,1)
        }

        66.666667% {
            -webkit-transform: matrix3d(1.00315,0,0,0,0,1.00315,0,0,0,0,1,0,0,0,0,1);
            transform: matrix3d(1.00315,0,0,0,0,1.00315,0,0,0,0,1,0,0,0,0,1)
        }

        70% {
            -webkit-transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);
            transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1)
        }

        73.333333% {
            -webkit-transform: matrix3d(0.9981,0,0,0,0,0.9981,0,0,0,0,1,0,0,0,0,1);
            transform: matrix3d(0.9981,0,0,0,0,0.9981,0,0,0,0,1,0,0,0,0,1)
        }

        76.666667% {
            -webkit-transform: matrix3d(0.99745,0,0,0,0,0.99745,0,0,0,0,1,0,0,0,0,1);
            transform: matrix3d(0.99745,0,0,0,0,0.99745,0,0,0,0,1,0,0,0,0,1)
        }

        80% {
            -webkit-transform: matrix3d(0.99771,0,0,0,0,0.99771,0,0,0,0,1,0,0,0,0,1);
            transform: matrix3d(0.99771,0,0,0,0,0.99771,0,0,0,0,1,0,0,0,0,1)
        }

        83.333333% {
            -webkit-transform: matrix3d(0.99846,0,0,0,0,0.99846,0,0,0,0,1,0,0,0,0,1);
            transform: matrix3d(0.99846,0,0,0,0,0.99846,0,0,0,0,1,0,0,0,0,1)
        }

        86.666667% {
            -webkit-transform: matrix3d(0.99931,0,0,0,0,0.99931,0,0,0,0,1,0,0,0,0,1);
            transform: matrix3d(0.99931,0,0,0,0,0.99931,0,0,0,0,1,0,0,0,0,1)
        }

        90% {
            -webkit-transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);
            transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1)
        }

        93.333333% {
            -webkit-transform: matrix3d(1.00042,0,0,0,0,1.00042,0,0,0,0,1,0,0,0,0,1);
            transform: matrix3d(1.00042,0,0,0,0,1.00042,0,0,0,0,1,0,0,0,0,1)
        }

        96.666667% {
            -webkit-transform: matrix3d(1.00056,0,0,0,0,1.00056,0,0,0,0,1,0,0,0,0,1);
            transform: matrix3d(1.00056,0,0,0,0,1.00056,0,0,0,0,1,0,0,0,0,1)
        }

        100% {
            -webkit-transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);
            transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1)
        }
    }

    @keyframes anim-jelly {
        0% {
            -webkit-transform: matrix3d(0,0,0,0,0,0,0,0,0,0,1,0,0,0,0,1);
            transform: matrix3d(0,0,0,0,0,0,0,0,0,0,1,0,0,0,0,1)
        }

        3.333333% {
            -webkit-transform: matrix3d(0.32778,0,0,0,0,0.32778,0,0,0,0,1,0,0,0,0,1);
            transform: matrix3d(0.32778,0,0,0,0,0.32778,0,0,0,0,1,0,0,0,0,1)
        }

        6.666667% {
            -webkit-transform: matrix3d(0.69875,0,0,0,0,0.69875,0,0,0,0,1,0,0,0,0,1);
            transform: matrix3d(0.69875,0,0,0,0,0.69875,0,0,0,0,1,0,0,0,0,1)
        }

        10% {
            -webkit-transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);
            transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1)
        }

        13.333333% {
            -webkit-transform: matrix3d(1.1815,0,0,0,0,1.1815,0,0,0,0,1,0,0,0,0,1);
            transform: matrix3d(1.1815,0,0,0,0,1.1815,0,0,0,0,1,0,0,0,0,1)
        }

        16.666667% {
            -webkit-transform: matrix3d(1.24402,0,0,0,0,1.24402,0,0,0,0,1,0,0,0,0,1);
            transform: matrix3d(1.24402,0,0,0,0,1.24402,0,0,0,0,1,0,0,0,0,1)
        }

        20% {
            -webkit-transform: matrix3d(1.21871,0,0,0,0,1.21871,0,0,0,0,1,0,0,0,0,1);
            transform: matrix3d(1.21871,0,0,0,0,1.21871,0,0,0,0,1,0,0,0,0,1)
        }

        23.333333% {
            -webkit-transform: matrix3d(1.14702,0,0,0,0,1.14702,0,0,0,0,1,0,0,0,0,1);
            transform: matrix3d(1.14702,0,0,0,0,1.14702,0,0,0,0,1,0,0,0,0,1)
        }

        26.666667% {
            -webkit-transform: matrix3d(1.06589,0,0,0,0,1.06589,0,0,0,0,1,0,0,0,0,1);
            transform: matrix3d(1.06589,0,0,0,0,1.06589,0,0,0,0,1,0,0,0,0,1)
        }

        30% {
            -webkit-transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);
            transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1)
        }

        33.333333% {
            -webkit-transform: matrix3d(0.9603,0,0,0,0,0.9603,0,0,0,0,1,0,0,0,0,1);
            transform: matrix3d(0.9603,0,0,0,0,0.9603,0,0,0,0,1,0,0,0,0,1)
        }

        36.666667% {
            -webkit-transform: matrix3d(0.94663,0,0,0,0,0.94663,0,0,0,0,1,0,0,0,0,1);
            transform: matrix3d(0.94663,0,0,0,0,0.94663,0,0,0,0,1,0,0,0,0,1)
        }

        40% {
            -webkit-transform: matrix3d(0.95217,0,0,0,0,0.95217,0,0,0,0,1,0,0,0,0,1);
            transform: matrix3d(0.95217,0,0,0,0,0.95217,0,0,0,0,1,0,0,0,0,1)
        }

        43.333333% {
            -webkit-transform: matrix3d(0.96784,0,0,0,0,0.96784,0,0,0,0,1,0,0,0,0,1);
            transform: matrix3d(0.96784,0,0,0,0,0.96784,0,0,0,0,1,0,0,0,0,1)
        }

        46.666667% {
            -webkit-transform: matrix3d(0.98559,0,0,0,0,0.98559,0,0,0,0,1,0,0,0,0,1);
            transform: matrix3d(0.98559,0,0,0,0,0.98559,0,0,0,0,1,0,0,0,0,1)
        }

        50% {
            -webkit-transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);
            transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1)
        }

        53.333333% {
            -webkit-transform: matrix3d(1.00868,0,0,0,0,1.00868,0,0,0,0,1,0,0,0,0,1);
            transform: matrix3d(1.00868,0,0,0,0,1.00868,0,0,0,0,1,0,0,0,0,1)
        }

        56.666667% {
            -webkit-transform: matrix3d(1.01167,0,0,0,0,1.01167,0,0,0,0,1,0,0,0,0,1);
            transform: matrix3d(1.01167,0,0,0,0,1.01167,0,0,0,0,1,0,0,0,0,1)
        }

        60% {
            -webkit-transform: matrix3d(1.01046,0,0,0,0,1.01046,0,0,0,0,1,0,0,0,0,1);
            transform: matrix3d(1.01046,0,0,0,0,1.01046,0,0,0,0,1,0,0,0,0,1)
        }

        63.333333% {
            -webkit-transform: matrix3d(1.00703,0,0,0,0,1.00703,0,0,0,0,1,0,0,0,0,1);
            transform: matrix3d(1.00703,0,0,0,0,1.00703,0,0,0,0,1,0,0,0,0,1)
        }

        66.666667% {
            -webkit-transform: matrix3d(1.00315,0,0,0,0,1.00315,0,0,0,0,1,0,0,0,0,1);
            transform: matrix3d(1.00315,0,0,0,0,1.00315,0,0,0,0,1,0,0,0,0,1)
        }

        70% {
            -webkit-transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);
            transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1)
        }

        73.333333% {
            -webkit-transform: matrix3d(0.9981,0,0,0,0,0.9981,0,0,0,0,1,0,0,0,0,1);
            transform: matrix3d(0.9981,0,0,0,0,0.9981,0,0,0,0,1,0,0,0,0,1)
        }

        76.666667% {
            -webkit-transform: matrix3d(0.99745,0,0,0,0,0.99745,0,0,0,0,1,0,0,0,0,1);
            transform: matrix3d(0.99745,0,0,0,0,0.99745,0,0,0,0,1,0,0,0,0,1)
        }

        80% {
            -webkit-transform: matrix3d(0.99771,0,0,0,0,0.99771,0,0,0,0,1,0,0,0,0,1);
            transform: matrix3d(0.99771,0,0,0,0,0.99771,0,0,0,0,1,0,0,0,0,1)
        }

        83.333333% {
            -webkit-transform: matrix3d(0.99846,0,0,0,0,0.99846,0,0,0,0,1,0,0,0,0,1);
            transform: matrix3d(0.99846,0,0,0,0,0.99846,0,0,0,0,1,0,0,0,0,1)
        }

        86.666667% {
            -webkit-transform: matrix3d(0.99931,0,0,0,0,0.99931,0,0,0,0,1,0,0,0,0,1);
            transform: matrix3d(0.99931,0,0,0,0,0.99931,0,0,0,0,1,0,0,0,0,1)
        }

        90% {
            -webkit-transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);
            transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1)
        }

        93.333333% {
            -webkit-transform: matrix3d(1.00042,0,0,0,0,1.00042,0,0,0,0,1,0,0,0,0,1);
            transform: matrix3d(1.00042,0,0,0,0,1.00042,0,0,0,0,1,0,0,0,0,1)
        }

        96.666667% {
            -webkit-transform: matrix3d(1.00056,0,0,0,0,1.00056,0,0,0,0,1,0,0,0,0,1);
            transform: matrix3d(1.00056,0,0,0,0,1.00056,0,0,0,0,1,0,0,0,0,1)
        }

        100% {
            -webkit-transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);
            transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1)
        }
    }

    @font-face {
        font-family:Avenir, Roboto, 'Helvetica Neue', Helvetica, Arial, sans-serif;
        src: url('/App_Themes/GrayNicolls/fonts/champagne__limousines-webfont.eot');
        src: url('/App_Themes/GrayNicolls/fonts/champagne__limousines-webfont.eot?#iefix') format("embedded-opentype"),url('/App_Themes/GrayNicolls/fonts/champagne__limousines-webfont.woff2') format("woff2"),url('/App_Themes/GrayNicolls/fonts/champagne__limousines-webfont.woff') format("woff"),url('/App_Themes/GrayNicolls/fonts/champagne__limousines-webfont.ttf') format("truetype"),url('/App_Themes/GrayNicolls/fonts/champagne__limousines-webfont.svg#limousine-regular') format("svg");
        font-weight: normal;
        font-style: normal
    }

    @font-face {
        font-family: 'limousine-bold';
        src: url('/App_Themes/GrayNicolls/fonts/champagne__limousines_bold-webfont.eot');
        src: url('/App_Themes/GrayNicolls/fonts/champagne__limousines_bold-webfont.eot?#iefix') format("embedded-opentype"),url('/App_Themes/GrayNicolls/fonts/champagne__limousines_bold-webfont.woff2') format("woff2"),url('/App_Themes/GrayNicolls/fonts/champagne__limousines_bold-webfont.woff') format("woff"),url('/App_Themes/GrayNicolls/fonts/champagne__limousines_bold-webfont.ttf') format("truetype"),url('/App_Themes/GrayNicolls/fonts/champagne__limousines_bold-webfont.svg#limousine-bold') format("svg");
        font-weight: normal;
        font-style: normal
    }

    @font-face {
        font-family: 'limousine-italic';
        src: url('/App_Themes/GrayNicolls/fonts/champagne__limousines_italic-webfont.eot');
        src: url('/App_Themes/GrayNicolls/fonts/champagne__limousines_italic-webfont.eot?#iefix') format("embedded-opentype"),url('/App_Themes/GrayNicolls/fonts/champagne__limousines_italic-webfont.woff2') format("woff2"),url('/App_Themes/GrayNicolls/fonts/champagne__limousines_italic-webfont.woff') format("woff"),url('/App_Themes/GrayNicolls/fonts/champagne__limousines_italic-webfont.ttf') format("truetype"),url('/App_Themes/GrayNicolls/fonts/champagne__limousines_italic-webfont.svg#limousine-italic') format("svg");
        font-weight: normal;
        font-style: normal
    }

    @font-face {
        font-family: 'limousine-bold-italic';
        src: url('/App_Themes/GrayNicolls/fonts/champagne__limousines_bold_italic-webfont.eot');
        src: url('/App_Themes/GrayNicolls/fonts/champagne__limousines_bold_italic-webfont.eot?#iefix') format("embedded-opentype"),url('/App_Themes/GrayNicolls/fonts/champagne__limousines_bold_italic-webfont.woff2') format("woff2"),url('/App_Themes/GrayNicolls/fonts/champagne__limousines_bold_italic-webfont.woff') format("woff"),url('/App_Themes/GrayNicolls/fonts/champagne__limousines_bold_italic-webfont.ttf') format("truetype"),url('/App_Themes/GrayNicolls/fonts/champagne__limousines_bold_italic-webfont.svg#limousine-bold-italic') format("svg");
        font-weight: normal;
        font-style: normal
    }

    #GN-desktop-menu-wrapper {
        display: none
    }

    #master-wrapper-footer {
        font-size: .7em;
             
    }

    @media screen and (min-width: 65.0625em) and (max-width: 4024px) {
        #master-wrapper-footer {
            font-size: 1em !important
        }

        .banner-lrg {
            font: 4em Century Gothic,CenturyGothic,AppleGothic,sans-serif !important
        }

        .banner-med {
            font: 2.5em Century Gothic,CenturyGothic,AppleGothic,sans-serif !important
        }

        .gn-mobile-menu-button {
            display: none
        }

        .gn-mobile-menu-wrap {
            display: none !important
        }

        .GN-desktop-nav, .GN-desktop-nav a, .GN-desktop-nav ul, .GN-desktop-nav li, .GN-desktop-nav div, .GN-desktop-nav form, .GN-desktop-nav input {
            margin: 0;
            padding: 0;
            border: none;
            outline: none
        }

        #GN-desktop-menu-wrapper {
            width: 100%;
            display: block !important
        }

        .GN-desktop-nav a {
            text-decoration: none
        }

        .GN-desktop-nav li {
            list-style: none
        }

        .GN-desktop-nav {
            cursor: default;
            height: 20px;
            width: 90%;
            height:80px;
            text-align: center;
            z-index: 500;
        }

            .GN-desktop-nav > li {
                display: inline-block;
                margin: 0 auto;
                height: 20px;
                padding-bottom: 10px
            }


                .GN-desktop-nav > li > a {
                    text-transform: uppercase !important;
                    padding: 0px 20px;
                    position: relative;
                    display: block;
                    z-index: 510;
                    font-family:Avenir, Roboto, 'Helvetica Neue', Helvetica, Arial, sans-serif;
                    font-size: 1.5em;
                    text-transform: capitalize;
                    color: #000;
                    background-image: url('/App_Themes/GrayNicolls/Images/Menu Box Small.png');
                    background-size: 100% 100%;
                    background-repeat: no-repeat;
                    text-decoration: none;
                    -webkit-transition: all .3s ease;
                    line-height: 50px;
                    -moz-transition: all .3s ease;
                    -o-transition: all .3s ease;
                    -ms-transition: all .3s ease;
                    transition: all .3s ease;
                    font-style: normal;
                }

                /*.GN-desktop-nav > li:hover > a {
                color: #ed1c24
            }*/

                .GN-desktop-nav > li:nth-child(2) > a {
                    background-image: url('/App_Themes/GrayNicolls/Images/Menu Box Large.png') !important;
                }

            .GN-desktop-nav li:first-child:hover .GN-desktop-nav li:last-child {
                display: none !important;
                visibility: hidden !important;
            }



            .GN-desktop-nav > li.GN-desktop-nav-search > form {
                position: relative;
                width: inherit;
                height: 54px;
                z-index: 510;
                border-left: 1px solid #4b4441
            }

            .GN-desktop-nav > li.GN-desktop-nav-search input[type='text'] {
                display: block;
                float: left;
                width: 0;
                height: 30px;
                padding: 0;
                line-height: 24px;
                font-family:Avenir, Roboto, 'Helvetica Neue', Helvetica, Arial, sans-serif;
                font-weight: bold;
                font-size: 1em;
                color: #000;
                -webkit-transition: all .3s ease 1s;
                -moz-transition: all .3s ease 1s;
                -o-transition: all .3s ease 1s;
                -ms-transition: all .3s ease 1s;
                transition: all .3s ease 1s
            }

                .GN-desktop-nav > li.GN-desktop-nav-search input[type='text']:focus {
                    color: #000
                }

                .GN-desktop-nav > li.GN-desktop-nav-search input[type='text']:focus, .GN-desktop-nav > li.GN-desktop-nav-search:hover input[type='text'] {
                    padding: 0 10px;
                    width: 110px;
                    -webkit-transition: all .3s ease .1s;
                    -moz-transition: all .3s ease .1s;
                    -o-transition: all .3s ease .1s;
                    -ms-transition: all .3s ease .1s;
                    transition: all .3s ease .1s
                }

            .GN-desktop-nav > li.GN-desktop-nav-search input[type='submit'] {
                display: block;
                float: left;
                width: 95px;
                height: 30px;
                text-align: right;
                font-family:Avenir, Roboto, 'Helvetica Neue', Helvetica, Arial, sans-serif;
                font-size: 1.8em;
                font-weight: bold;
                color: #fff;
                cursor: pointer;
                background: url(/App_Themes/GrayNicolls/Images/search-icon.png) no-repeat left center;
                border-radius: 0 3px 3px 0;
                -webkit-transition: all .3s ease;
                -moz-transition: all .3s ease;
                -o-transition: all .3s ease;
                -ms-transition: all .3s ease;
                transition: all .3s ease
            }


            .GN-desktop-nav > li:nth-child(2) > div {
                margin-left: -201px !important;
            }

            .GN-desktop-nav > li:nth-child(3) > div {
                margin-left: -440px !important;
            }

            .GN-desktop-nav > li:nth-child(4) > div {
                margin-left: -446px !important;
                height: 63px !important;
                min-height: 63px !important
            }

            .GN-desktop-nav > li:nth-child(5) > div {
                margin-left: -600px !important;
                min-height: 77px !important;
                height: 77px !important
            }

            .GN-desktop-nav > li > div {
                position: absolute;
                display: block;
                width: 730px;
                top: 0px;
                height: 185px;
                z-index: 509;
                padding: 44px 0 0 66px;
                margin-left: -53px;
                opacity: 0;
                visibility: hidden;
                overflow: hidden;
                border-radius: 0 0 3px 3px;
                -webkit-transition: all .3s ease .15s;
                -moz-transition: all .3s ease .15s;
                -o-transition: all .3s ease .15s;
                -ms-transition: all .3s ease .15s;
                transition: all .3s ease .15s;
                background-image: url('/App_Themes/GrayNicolls/Images/Menu Items Container.png');
                background-size: 100% 100%;
                background-repeat: no-repeat;
            }

        :root .GN-desktop-nav > li > div {
            position: fixed \9;
            top: 75px \9;
        }

        .GN-desktop-nav > li:hover > div {
            opacity: 1;
            visibility: visible;
            overflow: visible
        }

        .GN-desktop-nav li:nth-child(2) .dvGNColumnWrap > .GN-desktop-nav-column {
            padding-right: 5% !important;
            padding-left: 0px !important;
        }

        .GN-desktop-nav .GN-desktop-nav-column {
            float: left;
            width: auto;
            margin-top: 40px;
            padding: 0;
            padding-right: 3%;
            padding-left: 7px;
            height: auto
        }

            .GN-desktop-nav .GN-desktop-nav-column h3 {
                text-align: left;
                font-family:Avenir, Roboto, 'Helvetica Neue', Helvetica, Arial, sans-serif;
                font-weight: bold;
                font-size: 1.2em;
                padding: 0;
                padding-bottom: 5px;
                margin: 0;
                color: #000;
                text-transform: uppercase
            }

                .GN-desktop-nav .GN-desktop-nav-column h3.orange {
                    color: #ff722b
                }

            .GN-desktop-nav .GN-desktop-nav-column li a {
                display: block;
                line-height: 20px;
                text-align: left;
                font-family:Avenir, Roboto, 'Helvetica Neue', Helvetica, Arial, sans-serif;
                font-size: 1em;
                color: #000
            }

                .GN-desktop-nav .GN-desktop-nav-column li a:hover {
                    color: #ed1c24
                }

        /*.dvGNMenuWrap {
width:55%;
max-width:720px;
min-width:720px;

}*/

        .dvGNLegacy {
            border: 1px #fff solid !important;
            width: 55%;
            max-width: 720px;
            min-width: 720px;
            margin: 0 auto !important;
            padding-left: 20px !important
        }

        .dvGNHeroesWrap {
            border: 1px #fff solid !important;
            width: 55%;
            max-width: 720px;
            min-width: 720px;
            margin: 0 auto !important
        }

        .dvGNHeroesShrink {
            width: 240px;
            max-width: 240px;
            min-width: 240px;
            float: right;
            margin: 0 auto !important
        }

        .dvHeroLast {
            border: none !important;
            padding-left: 5% !important
        }

        .dvHeroFirst {
            padding-right: 5% !important
        }

        /*.dvGNMediaWrap {
border:1px #fff solid!important;
width:55%;
max-width:720px;
min-width:720px;
margin:0 auto!important
}

.dvGNMediaShrink {
width:280px;
max-width:280px;
right:0;
float:right;
margin-right:-80px!important;
min-width:280px
}*/


        .GN-desktop-nav li:nth-child(2) .dvGNColumnWrap {
            padding: 0 30px;
            margin: 0 auto !important;
        }


        .GN-desktop-nav li:nth-child(3) .dvGNColumnWrap {
            width: 466px;
            max-width: 466px;
            float: right;
            min-width: 466px;
            margin: 0 auto !important;
        }

        .GN-desktop-nav li:nth-child(4) .dvGNColumnWrap {
            width: 326px;
            max-width: 326px;
            float: right;
            min-width: 326px;
            margin: 0 auto !important;
        }

        .GN-desktop-nav li:nth-child(5) .dvGNColumnWrap {
            width: 280px;
            max-width: 280px;
            right: 0;
            float: right;
            margin-right: -80px !important;
            min-width: 280px;
        }

        /*.dvGNLegacyWrap {
border:1px #fff solid!important;
width:55%;
max-width:720px;
min-width:720px;
margin:0 auto!important
}

.dvGNLegacyShrink {
width:603px;
max-width:603px;
float:right;
min-width:603px;
margin:0 auto!important
}*/

        /*.dvGNHandcraftedWrap {
border:1px #fff solid!important;
width:55%;
max-width:720px;
min-width:720px;
margin:0 auto!important
}

.dvGNHandcraftedShrink {
width:466px;
max-width:466px;
float:right;
min-width:466px;
margin:0 auto!important
}*/

        /*.dvGNAmbassadorsWrap {
border:1px #fff solid!important;
width:55%;
max-width:720px;
min-width:720px;
margin:0 auto!important
}

.dvGNAmbassadorsShrink {
width:326px;
max-width:326px;
float:right;
min-width:326px;
margin:0 auto!important
}*/

        .dvMediaLast {
            border: none !important;
            padding-left: 5% !important
        }

        .dvMediaFirst {
            padding-right: 5% !important
        }

        .GN-desktop-fullrange {
            font-weight: bold
        }

        .GN-desktop-fullrange-long {
            font-weight: bold
        }

        .gn-border-left {
            border-right: none !important;
            border-left: 1px solid #fff !important
        }

        .dvGNMenuWrap .GN-desktop-nav-column:last-child {
            border-right: none !important
        }

        .GN-menu-social-second {
            display: inline-flex;
            padding-top: 5px !important;
            left: 0;
            width: 100%
        }

        .GN-menu-social-first {
            height: 20px;
        }
    }

    .gn-mobile-display {
        display: block !important
    }

    .gn-mobile-hide {
        display: none
    }

    .gn-mobile-menu-items {
        display: none
    }

    .gn-mobile-sub-menu-items {
        display: none
    }

    .gn-mobile-dd {
        position: relative;
        list-style: none;
        cursor: pointer;
        padding: 0 0 20px;
        color:#fff;
    }

    .gn-mobile-menu-ul {
        position: relative;
        left: 0;
        float: left;
        margin: 0;
        padding: 0
    }

    .gn-mobile-menu-wrap a:hover, .gn-mobile-menu-wrap a:focus {
        color: #c94e50
    }

    .gn-mobile-menu-button {
        position: absolute;
        cursor: pointer;
        top: 60px;
        z-index: 511;
        margin: 1em;
        padding: 0;
        left: 19px;
        width: 2.5em;
        height: 2.25em;
        border: none;
        text-indent: 2.5em;
        font-size: 1.5em
    }

        .gn-mobile-menu-button::before {
            content: "";
            position: absolute;
            left: 0;
            width: 1.5em;
            height: .25em;
            background: #ed1c24;
            box-shadow: 0 .4em 0 0 #ed1c24,0 .8em 0 0 #ed1c24
        }

        .gn-mobile-menu-button:hover {
            opacity: .6
        }

    .gn-mobile-close-button {
        width: 40px;
        height: 40px;
        position: absolute;
        right: 1em;
        top: 1em;
        overflow: hidden;
        text-indent: 16px;
        border: none;
        z-index: 1001;
        background: transparent;
        color: transparent;
        cursor: pointer
    }

        .gn-mobile-close-button::before, .gn-mobile-close-button::after {
            content: '';
            position: absolute;
            width: 2px;
            height: 100%;
            top: 0;
            left: 50%;
            background: #fff
        }

    .gn-mobile-menu-items {
        padding: 10px;
        margin: 0
    }

        .gn-mobile-menu-items li {
            list-style: none;
            width: 320px;
            position: relative;
            left: 0;
            padding-bottom:20px;
        }

    .gn-mobile-menu-wrap a {
        color: #fff;
        text-decoration: none
    }

    .gn-mobile-close-button::before {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .gn-mobile-close-button::after {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    .gn-mobile-menu-wrap {
        top: 0;
        position: absolute;
        z-index: 1001;
        width: 100%;
        height: 100%;
        font-size: 1.6em;
        -webkit-transform: translate3d(-310px,0,0);
        transform: translate3d(-310px,0px,0px);
        -webkit-transition: -webkit-transform .3s;
        transition: transform .3s;
        max-width: 310px
    }

    .gn-mobile-menu {
        background: #ed1c24;
        width: calc(100% - 120px);
        height: 100%;
        padding: 2em 1em
    }

    .gn-mobile-morph-shape {
        position: absolute;
        width: 120px;
        height: 100%;
        top: 0;
        right: 0;
        fill: #ed1c24;
        z-index: 1000
    }

    .show-menu .gn-mobile-menu-wrap {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    .show-menu .content-wrap {
        -webkit-transition-delay: .1s;
        transition-delay: .1s;
        -webkit-transform: translate3d(100px,0,0);
        transform: translate3d(100px,0,0)
    }

    .show-menu .content::before {
        opacity: 1;
        -webkit-transition: opacity .3s;
        transition: opacity .3s;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    ul#slidecaption li {
        padding: 0;
        display: inline-block;
        float: left;
        clear: both;
        max-width: 1400px;
        margin: 0 auto;
        width: 100%;
        position: fixed;
        top: 40%;
        background: rgba(0,0,0,0.4);
        color: #fff;
        text-align: center;
        z-index: 2
    }

        ul#slidecaption li a {
            color: #eee;
            font-weight: bold
        }

    .banner-lrg {
        font: 2em Century Gothic,CenturyGothic,AppleGothic,sans-serif;
        padding: 0 !important;
        margin: 0 !important
    }

    .banner-med {
        font: 1.5em Century Gothic,CenturyGothic,AppleGothic,sans-serif;
        padding: 0 !important;
        margin: 0 !important
    }

    #supersized-loader {
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 0;
        width: 60px;
        height: 60px;
        margin: -30px 0 0 -30px;
        text-indent: -999em;
        /*background:url(/App_Themes/img/progress.gif) no-repeat center center*/
    }

    #supersized {
        display: block;
        position: fixed;
        left: 0;
        top: 0;
        overflow: hidden;
        z-index: -999;
        height: 100%;
        width: 100%;
        margin:0;
        padding:0;
    }

        #supersized img {
            width: auto;
            height: auto;
            position: relative;
            display: none;
            outline: none;
            border: none;
            max-width:1450px;               
        }

        #supersized.speed img {
            -ms-interpolation-mode: nearest-neighbor;
            image-rendering: -moz-crisp-edges
        }

        #supersized.quality img {
            -ms-interpolation-mode: bicubic;
            image-rendering: optimizeQuality
        }

        #supersized li {
            display: block;
            list-style: none;
            z-index: -30;
            position: fixed;
            overflow: hidden;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }

        #supersized a {
            width: 100%;
            height: 100%;
            display: block
        }

        #supersized li.prevslide {
            z-index: -20
        }

        #supersized li.activeslide {
            z-index: -10
        }

        #supersized li.image-loading {
            width: 100%;
            height: 100%
        }

            #supersized li.image-loading img {
                visibility: hidden
            }

        #supersized li.prevslide img, #supersized li.activeslide img {
            display: inline
        }

    #controls-wrapper {
        margin: 0 auto;
        height: 42px;
        width: 100%;
        bottom: 0;
        left: 0;
        z-index: 4;
        position: fixed
    }

    #controls {
        overflow: hidden;
        height: 100%;
        text-align: left;
        z-index: 5
    }

    #slidecounter {
        float: left;
        color: #999;
        font: 14px Century Gothic,CenturyGothic,AppleGothic,sans-serif;
        text-shadow: #000 0 -1px 0;
        margin: 0 10px 0 15px;
        line-height: 42px
    }

    #slidecaption {
        margin: 0;
        padding: 0;
        overflow: hidden;
        float: left;
        color: #FFF;
        font: 400 14px Century Gothic,CenturyGothic,AppleGothic,sans-serif;
        text-shadow: #000 1px 1px 2px;
        margin: 0 20px 0 0;
        line-height: 42px
    }

    #navigation {
        float: right;
        margin: 0 20px 0 0
    }

    #play-button {
        float: left;
        margin-top: 1px;
        border-right: 1px solid #333;
        background: url(/App_Themes/GrayNicolls/Images/slide/bg-hover.png) repeat-x 0 44px
    }

        #play-button:hover {
            background-position: 0 1px;
            cursor: pointer
        }

    #prevslide, #nextslide {
        position: absolute;
        height: 43px;
        width: 43px;
        top: 50%;
        margin-top: -21px;
        opacity: .6
    }

    #prevslide {
        left: 10px;
        background: url(/App_Themes/GrayNicolls/Images/slide/back.png)
    }

    #nextslide {
        right: 10px;
        background: url(/App_Themes/GrayNicolls/Images/slide/forward.png)
    }

        #prevslide:active, #nextslide:active {
            margin-top: -19px
        }

        #prevslide:hover, #nextslide:hover {
            cursor: pointer
        }

    ul#slide-list {
        width: 100%;
        text-align: center;
        bottom: 100px !important;
        margin: auto !important;
        position: absolute;
        padding: 0;
        display: none;
    }

        ul#slide-list li {
            list-style: none;
            width: 12px;
            height: 12px;
            display: inline-block;
            *display: inline;
            *zoom: 1;
            margin: 0 15px 0 0
        }

            ul#slide-list li.current-slide a, ul#slide-list li.current-slide a:hover {
                background-position: 0 0
            }

            ul#slide-list li a {
                display: block;
                width: 15px;
                height: 15px;
                background-color: transparent;
                border-radius: 20px;
                border: #fff solid 2px
            }

            ul#slide-list li.current-slide a, ul#slide-list li.current-slide a:hover {
                background: rgba(255,255,255,0.5)
            }

            ul#slide-list li a:hover {
                background-position: 0 -12px;
                cursor: pointer
            }

    #tray-button {
        float: right;
        margin-top: 1px;
        border-left: 1px solid #333;
        background: url(/App_Themes/GrayNicolls/Images/slide/bg-hover.png) repeat-x 0 44px
    }

        #tray-button:hover {
            background-position: 0 1px;
            cursor: pointer
        }

    #progress-back {
        z-index: 5;
        position: fixed;
        bottom: 0;
        left: 0;
        height: 8px;
        width: 100%;
        background: url(/App_Themes/GrayNicolls/Images/slide/progress-back.png) repeat-x
    }

    #progress-bar {
        position: relative;
        height: 0;
        width: 100%;
        background: url(/App_Themes/GrayNicolls/Images/slide/progress-bar.png) repeat-x
    }

    #nextthumb, #prevthumb {
        z-index: 2;
        display: none;
        position: fixed;
        bottom: 61px;
        height: 75px;
        width: 100px;
        overflow: hidden;
        background: #ddd;
        border: 1px solid #fff;
        -webkit-box-shadow: 0 0 5px #000
    }

    #nextthumb {
        right: 12px
    }

    #prevthumb {
        left: 12px
    }

        #nextthumb img, #prevthumb img {
            width: 150px;
            height: auto
        }

        #nextthumb:active, #prevthumb:active {
            bottom: 59px
        }

        #nextthumb:hover, #prevthumb:hover {
            cursor: pointer
        }

    #thumb-tray {
        position: fixed;
        z-index: 3;
        bottom: 0;
        left: 0;
        background: url(/App_Themes/GrayNicolls/Images/slide/bg-black.png);
        height: 150px;
        width: 100%;
        overflow: hidden;
        text-align: center;
        -moz-box-shadow: 0 0 4px #000;
        -webkit-box-shadow: 0 0 4px #000;
        box-shadow: 0 0 4px #000
    }

    #thumb-back, #thumb-forward {
        position: fixed;
        z-index: 5;
        bottom: 42px;
        height: 108px;
        width: 40px
    }

    #thumb-back {
        left: 0;
        background: url(/App_Themes/GrayNicolls/Images/slide/thumb-back.png) no-repeat center center
    }

    #thumb-forward {
        right: 0;
        background: url(/App_Themes/GrayNicolls/Images/slide/thumb-forward.png) no-repeat center center
    }

        #thumb-back:hover, #thumb-forward:hover {
            cursor: pointer;
            background-color: rgba(256,256,256,0.1)
        }

    #thumb-back:hover {
        border-right: 1px solid rgba(256,256,256,0.2)
    }

    #thumb-forward:hover {
        border-left: 1px solid rgba(256,256,256,0.2)
    }

    ul#thumb-list {
        display: inline-block;
        list-style: none;
        position: relative;
        left: 0;
        padding: 0
    }

        ul#thumb-list li {
            background: #111;
            list-style: none;
            display: inline;
            width: 150px;
            height: 108px;
            overflow: hidden;
            float: left;
            margin: 0
        }

            ul#thumb-list li img {
                width: 200px;
                height: auto;
                opacity: .5;
                -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
                filter: alpha(opacity=60);
                -webkit-transition: all 100ms ease-in-out;
                -moz-transition: all 100ms ease-in-out;
                -o-transition: all 100ms ease-in-out;
                -ms-transition: all 100ms ease-in-out;
                transition: all 100ms ease-in-out
            }

            ul#thumb-list li.current-thumb img, ul#thumb-list li:hover img {
                opacity: 1;
                -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
                filter: alpha(opacity=100)
            }

            ul#thumb-list li:hover {
                cursor: pointer
            }

    @font-face {
        font-family: "Socialicious";
        src: url(/App_Themes/GrayNicolls/fonts/socialicious.eot);
        src: url(/App_Themes/GrayNicolls/fonts/socialicious.eot?#iefix) format("embedded-opentype"),url(/App_Themes/GrayNicolls/fonts/socialicious.ttf) format("truetype"),url(/App_Themes/GrayNicolls/fonts/socialicious.svg#socialicious) format("svg"),url(/App_Themes/GrayNicolls/fonts/socialicious.woff) format("woff");
        font-weight: normal;
        font-style: normal
    }

    [data-icon]:before {
        font-family: "Socialicious" !important;
        content: attr(data-icon);
        font-style: normal !important;
        font-weight: normal !important;
        font-variant: normal !important;
        text-transform: none !important;
        speak: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

    [class^="icon-"]:before, [class*=" icon-"]:before {
        font-family: "Socialicious" !important;
        font-style: normal !important;
        font-weight: normal !important;
        font-variant: normal !important;
        text-transform: none !important;
        speak: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

    .icon-bebo:before {
        content: "a"
    }

    .icon-bebo-sign:before {
        content: "b"
    }

    .icon-behance:before {
        content: "c"
    }

    .icon-behance-sign:before {
        content: "d"
    }

    .icon-bread:before {
        content: "e"
    }

    .icon-bread-sign:before {
        content: "f"
    }

    .icon-digg:before {
        content: "g"
    }

    .icon-digg-sign:before {
        content: "h"
    }

    .icon-disqus:before {
        content: "i"
    }

    .icon-disqus-sign:before {
        content: "j"
    }

    .icon-dribbble:before {
        content: "k"
    }

    .icon-dribbble-sign:before {
        content: "l"
    }

    .icon-facebook:before {
        content: "m"
    }

    .icon-facebook-sign:before {
        content: "n";
        font-size: .9em
    }

    .icon-flickr:before {
        content: "o"
    }

    .icon-flickr-sign:before {
        content: "p"
    }

    .icon-github:before {
        content: "s"
    }

    .icon-github-sign:before {
        content: "t"
    }

    .icon-goodreads:before {
        content: "u"
    }

    .icon-goodreads-sign:before {
        content: "v"
    }

    .icon-googleplus:before {
        content: "w"
    }

    .icon-googleplus-sign:before {
        content: "x";
        font-size: .9em
    }

    .icon-instagram:before {
        content: "y"
    }

    .icon-instagram-sign:before {
        content: "z"
    }

    .icon-klout:before {
        content: "A"
    }

    .icon-klout-sign:before {
        content: "B"
    }

    .icon-lastfm:before {
        content: "C"
    }

    .icon-lastfm-sign:before {
        content: "D"
    }

    .icon-linkedin:before {
        content: "E"
    }

    .icon-linkedin-sign:before {
        content: "F"
    }

    .icon-pinterest:before {
        content: "G"
    }

    .icon-pinterest-sign:before {
        content: "H"
    }

    .icon-pocket:before {
        content: "I"
    }

    .icon-pocket-sign:before {
        content: "J"
    }

    .icon-quora:before {
        content: "K"
    }

    .icon-quora-sign:before {
        content: "L"
    }

    .icon-reddit:before {
        content: "M"
    }

    .icon-reddit-sign:before {
        content: "N"
    }

    .icon-soundcloud:before {
        content: "O"
    }

    .icon-soundcloud-sign:before {
        content: "P"
    }

    .icon-spotify:before {
        content: "Q"
    }

    .icon-spotify-sign:before {
        content: "R"
    }

    .icon-stumbleupon:before {
        content: "S"
    }

    .icon-stumbleupon-sign:before {
        content: "T"
    }

    .icon-techendo:before {
        content: "U"
    }

    .icon-techendo-sign:before {
        content: "V"
    }

    .icon-tumblr:before {
        content: "W"
    }

    .icon-tumblr-sign:before {
        content: "X"
    }

    .icon-twitter:before {
        content: "Y"
    }

    .icon-twitter-sign:before {
        content: "Z";
        font-size: .9em
    }

    .icon-vevo:before {
        content: "0"
    }

    .icon-vevo-sign:before {
        content: "1"
    }

    .icon-vimeo:before {
        content: "2"
    }

    .icon-vimeo-sign:before {
        content: "3"
    }

    .icon-wordpress:before {
        content: "4"
    }

    .icon-wordpress-sign:before {
        content: "5"
    }

    .icon-yelp:before {
        content: "8"
    }

    .icon-yelp-sign:before {
        content: "9"
    }

    .icon-youtube:before {
        content: "!"
    }

    .icon-youtube-sign:before {
        content: "\""
    }

    .icon-aboutme:before {
        content: "#"
    }

    .icon-aboutme-sign:before {
        content: "$"
    }

    .icon-angellist:before {
        content: "%"
    }

    .icon-angellist-sign:before {
        content: "&"
    }

    .icon-dropbox:before {
        content: "'"
    }

    .icon-dropbox-sign:before {
        content: "("
    }

    .icon-meetup:before {
        content: ")"
    }

    .icon-meetup-sign:before {
        content: "*"
    }

    .icon-medium:before {
        content: "+"
    }

    .icon-medium-sign:before {
        content: ","
    }

    .icon-foursquare:before {
        content: "q"
    }

    .icon-foursquare-sign:before {
        content: "r"
    }

    .icon-yahoo:before {
        content: "6"
    }

    .icon-yahoo-sign:before {
        content: "7"
    }

    .icon-white, .nav-pills > .active > a > [class^="icon-"], .nav-pills > .active > a > [class*=" icon-"], .nav-list > .active > a > [class^="icon-"], .nav-list > .active > a > [class*=" icon-"], .navbar-inverse .nav > .active > a > [class^="icon-"], .navbar-inverse .nav > .active > a > [class*=" icon-"], .dropdown-menu > li > a:hover > [class^="icon-"], .dropdown-menu > li > a:hover > [class*=" icon-"], .dropdown-menu > .active > a > [class^="icon-"], .dropdown-menu > .active > a > [class*=" icon-"], .dropdown-submenu:hover > a > [class^="icon-"], .dropdown-submenu:hover > a > [class*=" icon-"] {
        background-image: none
    }

    [class^="icon-"]:before, [class*=" icon-"]:before {
        text-decoration: inherit;
        display: inline-block;
        speak: none
    }

    a [class^="icon-"], a [class*=" icon-"] {
        display: inline-block
    }

    .icon-large:before {
        vertical-align: -10%;
        font-size: 1.3333333333333em
    }

    .btn [class^="icon-"], .nav [class^="icon-"], .btn [class*=" icon-"], .nav [class*=" icon-"] {
        display: inline-block;
        color: #fff;
        margin-right: 2px;
        margin-top: -2px
    }

        .btn [class^="icon-"].icon-large, .nav [class^="icon-"].icon-large, .btn [class*=" icon-"].icon-large, .nav [class*=" icon-"].icon-large {
            line-height: .9em
        }

        .btn [class^="icon-"].icon-spin, .nav [class^="icon-"].icon-spin, .btn [class*=" icon-"].icon-spin, .nav [class*=" icon-"].icon-spin {
            display: inline-block
        }

    .nav-tabs [class^="icon-"], .nav-pills [class^="icon-"], .nav-tabs [class*=" icon-"], .nav-pills [class*=" icon-"], .nav-tabs [class^="icon-"].icon-large, .nav-pills [class^="icon-"].icon-large, .nav-tabs [class*=" icon-"].icon-large, .nav-pills [class*=" icon-"].icon-large {
        line-height: .9em
    }

    li [class^="icon-"], .nav li [class^="icon-"], li [class*=" icon-"], .nav li [class*=" icon-"] {
        display: inline-block;
        width: 1.25em;
        text-align: center
    }

        li [class^="icon-"].icon-large, .nav li [class^="icon-"].icon-large, li [class*=" icon-"].icon-large, .nav li [class*=" icon-"].icon-large {
            width: 1.5625em
        }

    ul.icons {
        list-style-type: none;
        text-indent: -.75em
    }

        ul.icons li [class^="icon-"], ul.icons li [class*=" icon-"] {
            width: .75em
        }

    .icon-muted {
        color: #eeeeee
    }

    .icon-border {
        border: solid 1px #eeeeee;
        padding: .2em .25em .15em;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px
    }

    .icon-2x {
        font-size: 1.5em
    }

        .icon-2x.icon-border {
            border-width: 2px;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px
        }

    .icon-3x {
        font-size: 3em
    }

        .icon-3x.icon-border {
            border-width: 3px;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px
        }

    .icon-4x {
        font-size: 4em
    }

        .icon-4x.icon-border {
            border-width: 4px;
            -webkit-border-radius: 6px;
            -moz-border-radius: 6px;
            border-radius: 6px
        }

    [class^="icon-"].pull-left, [class*=" icon-"].pull-left {
        margin-right: .3em
    }

    [class^="icon-"].pull-right, [class*=" icon-"].pull-right {
        margin-left: .3em
    }

    .btn [class^="icon-"].pull-left.icon-2x, .btn [class*=" icon-"].pull-left.icon-2x, .btn [class^="icon-"].pull-right.icon-2x, .btn [class*=" icon-"].pull-right.icon-2x {
        margin-top: .18em
    }

    .btn [class^="icon-"].icon-spin.icon-large, .btn [class*=" icon-"].icon-spin.icon-large {
        line-height: .8em
    }

    .btn.btn-small [class^="icon-"].pull-left.icon-2x, .btn.btn-small [class*=" icon-"].pull-left.icon-2x, .btn.btn-small [class^="icon-"].pull-right.icon-2x, .btn.btn-small [class*=" icon-"].pull-right.icon-2x {
        margin-top: .25em
    }

    .btn.btn-large [class^="icon-"], .btn.btn-large [class*=" icon-"] {
        margin-top: 0
    }

        .btn.btn-large [class^="icon-"].pull-left.icon-2x, .btn.btn-large [class*=" icon-"].pull-left.icon-2x, .btn.btn-large [class^="icon-"].pull-right.icon-2x, .btn.btn-large [class*=" icon-"].pull-right.icon-2x {
            margin-top: .05em
        }

        .btn.btn-large [class^="icon-"].pull-left.icon-2x, .btn.btn-large [class*=" icon-"].pull-left.icon-2x {
            margin-right: .2em
        }

        .btn.btn-large [class^="icon-"].pull-right.icon-2x, .btn.btn-large [class*=" icon-"].pull-right.icon-2x {
            margin-left: .2em
        }

    .btn-facebook {
        color: white;
        text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
        background-color: #355089;
        background-image: -moz-linear-gradient(top,#3b5998,#2d4373);
        background-image: -webkit-gradient(linear,0 0,0 100%,from(#3b5998),to(#2d4373));
        background-image: -webkit-linear-gradient(top,#3b5998,#2d4373);
        background-image: -o-linear-gradient(top,#3b5998,#2d4373);
        background-image: linear-gradient(to bottom,#3b5998,#2d4373);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF3B5998',endColorstr='#FF2D4373',GradientType=0);
        border-color: #2d4373 #2d4373 #17233c;
        border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
        *background-color: #2d4373;
        filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
        border-color: #1e2e4f
    }

        .btn-facebook:hover, .btn-facebook:focus, .btn-facebook:active, .btn-facebook.active, .btn-facebook.disabled, .btn-facebook[disabled] {
            color: white;
            background-color: #2d4373;
            *background-color: #263961
        }

        .btn-facebook:active, .btn-facebook.active {
            background-color: #1e2e4f \9
        }

    .btn-linkedin {
        color: white;
        text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
        background-color: #426ba5;
        background-image: -moz-linear-gradient(top,#4875b4,#395d90);
        background-image: -webkit-gradient(linear,0 0,0 100%,from(#4875b4),to(#395d90));
        background-image: -webkit-linear-gradient(top,#4875b4,#395d90);
        background-image: -o-linear-gradient(top,#4875b4,#395d90);
        background-image: linear-gradient(to bottom,#4875b4,#395d90);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF4875B4',endColorstr='#FF395D90',GradientType=0);
        border-color: #395d90 #395d90 #243a59;
        border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
        *background-color: #395d90;
        filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
        border-color: #2b466b
    }

        .btn-linkedin:hover, .btn-linkedin:focus, .btn-linkedin:active, .btn-linkedin.active, .btn-linkedin.disabled, .btn-linkedin[disabled] {
            color: white;
            background-color: #395d90;
            *background-color: #32517d
        }

        .btn-linkedin:active, .btn-linkedin.active {
            background-color: #2b466b \9
        }

    .btn-twitter {
        color: white;
        text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
        background-color: #1ebff5;
        background-image: -moz-linear-gradient(top,#33ccff,#00ace6);
        background-image: -webkit-gradient(linear,0 0,0 100%,from(#33ccff),to(#00ace6));
        background-image: -webkit-linear-gradient(top,#33ccff,#00ace6);
        background-image: -o-linear-gradient(top,#33ccff,#00ace6);
        background-image: linear-gradient(to bottom,#33ccff,#00ace6);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF33CCFF',endColorstr='#FF00ACE6',GradientType=0);
        border-color: #00ace6 #00ace6 #007399;
        border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
        *background-color: #00ace6;
        filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
        border-color: #00a4db
    }

        .btn-twitter:hover, .btn-twitter:focus, .btn-twitter:active, .btn-twitter.active, .btn-twitter.disabled, .btn-twitter[disabled] {
            color: white;
            background-color: #00ace6;
            *background-color: #0099cc
        }

        .btn-twitter:active, .btn-twitter.active {
            background-color: #0086b3 \9
        }

    .btn-github {
        color: white;
        text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
        background-color: black;
        background-image: -moz-linear-gradient(top,black,black);
        background-image: -webkit-gradient(linear,0 0,0 100%,from(black),to(black));
        background-image: -webkit-linear-gradient(top,black,black);
        background-image: -o-linear-gradient(top,black,black);
        background-image: linear-gradient(to bottom,black,black);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c2400',endColorstr='#ed1c2400',GradientType=0);
        border-color: black;
        border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
        *background-color: black;
        filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
        border-color: black
    }

        .btn-github:hover, .btn-github:focus, .btn-github:active, .btn-github.active, .btn-github.disabled, .btn-github[disabled] {
            color: white;
            background-color: black;
            *background-color: black
        }

        .btn-github:active, .btn-github.active {
            background-color: black \9
        }

    .btn-google {
        color: white;
        text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
        background-color: #c83e2d;
        background-image: -moz-linear-gradient(top,#dc4a38,#aa2d1e);
        background-image: -webkit-gradient(linear,0 0,0 100%,from(#dc4a38),to(#aa2d1e));
        background-image: -webkit-linear-gradient(top,#dc4a38,#aa2d1e);
        background-image: -o-linear-gradient(top,#dc4a38,#aa2d1e);
        background-image: linear-gradient(to bottom,#dc4a38,#aa2d1e);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFDC4A38',endColorstr='#FFAA2D1E',GradientType=0);
        border-color: #aa2d1e #aa2d1e #691c12;
        border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
        *background-color: #aa2d1e;
        filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
        border-color: #a12b1c
    }

        .btn-google:hover, .btn-google:focus, .btn-google:active, .btn-google.active, .btn-google.disabled, .btn-google[disabled] {
            color: white;
            background-color: #aa2d1e;
            *background-color: #94271a
        }

        .btn-google:active, .btn-google.active {
            background-color: #7e2216 \9
        }

    i.icon-aboutme-sign, i.icon-aboutme {
        color: #00405d
    }

    i.icon-angellist-sign, i.icon-angellist {
        color: black
    }

    i.icon-bebo, i.icon-bebo-sign {
        color: #ee1010
    }

    i.icon-behance-sign, i.icon-behance {
        color: #005cff
    }

    i.icon-bread-sign, i.icon-bread {
        color: #00a4e4
    }

    i.icon-digg-sign, i.icon-digg {
        color: #065796
    }

    i.icon-disqus-sign, i.icon-disqus {
        color: #2e9fff
    }

    i.icon-dropbox-sign, i.icon-dropbox {
        color: #007ee5
    }

    i.icon-dribbble-sign, i.icon-dribbble {
        color: #ea4c89
    }

    i.icon-facebook-sign, i.icon-facebook {
        color: #ed1c24
    }

    i.icon-flickr-sign, i.icon-flickr {
        color: #ed1e83
    }

    i.icon-foursquare, i.icon-foursquare-sign {
        color: #0cbadf
    }

    i.icon-github-sign, i.icon-github {
        color: black
    }

    i.icon-goodreads-sign, i.icon-goodreads {
        color: #5a471c
    }

    i.icon-googleplus-sign, i.icon-googleplus {
        color: #ed1c24
    }

    i.icon-instagram-sign, i.icon-instagram {
        color: #ed1c24
    }

    i.icon-klout-sign, i.icon-klout {
        color: #e24a25
    }

    i.icon-lastfm-sign, i.icon-lastfm {
        color: #a52f23
    }

    i.icon-linkedin-sign, i.icon-linkedin {
        color: #4875b4
    }

    i.icon-medium-sign, i.icon-medium {
        color: black
    }

    i.icon-meetup-sign, i.icon-meetup {
        color: #dd3333
    }

    i.icon-pinterest-sign, i.icon-pinterest {
        color: #cb2027
    }

    i.icon-pocket-sign, i.icon-pocket {
        color: #ee3f53
    }

    i.icon-quora-sign, i.icon-quora {
        color: #a72822
    }

    i.icon-reddit-sign, i.icon-reddit {
        color: #638cb1
    }

    i.icon-soundcloud-sign, i.icon-soundcloud {
        color: #ef3b24
    }

    i.icon-spotify-sign, i.icon-spotify {
        color: #75c044
    }

    i.icon-stumbleupon-sign, i.icon-stumbleupon {
        color: #e84c24
    }

    i.icon-techendo-sign, i.icon-techendo {
        color: #32363c
    }

    i.icon-tumblr-sign, i.icon-tumblr {
        color: #45556b
    }

    i.icon-twitter-sign, i.icon-twitter {
        color: #ed1c24
    }

    i.icon-vevo, i.icon-vevo-sign {
        color: #dc2726
    }

    i.icon-vimeo, i.icon-vimeo-sign {
        color: #1fb7ea
    }

    i.icon-wordpress, i.icon-wordpress-sign {
        color: #464342
    }

    i.icon-yahoo-sign, i.icon-yahoo {
        color: #400090
    }

    i.icon-yelp-sign, i.icon-yelp {
        color: #ca3c27
    }

    i.icon-youtube-sign, i.icon-youtube {
        color: #ed1c24
    }

    .inline-flex {
        display: inline-flex
    }

    #md-trigger2 {
        display: none;
        visibility: hidden
    }

    #md-trigger {
        display: none;
        visibility: hidden
    }

    /*.header {
padding-top:20px
}*/

    @font-face {
        font-family: "foundation-icons";
        src: url(/App_Themes/GrayNicolls/fonts/foundation-icons-tabs.eot);
        src: url(/App_Themes/GrayNicolls/fonts/foundation-icons-tabs.eot?#iefix) format("embedded-opentype"),url(/App_Themes/GrayNicolls/fonts/foundation-icons-tabs.woff) format("woff"),url(/App_Themes/GrayNicolls/fonts/foundation-icons-tabs.ttf) format("truetype"),url(/App_Themes/GrayNicolls/fonts/foundation-icons-tabs.svg#fontcustom) format("svg");
        font-weight: normal;
        font-style: normal
    }

    .GN-tabs {
        position: relative;
        margin: 0 auto;
        font-weight: 300;
        z-index: 512;
        float: right;
        right: 0;
        top: -90px;
        font-size: 1.8em;
        display: none
    }

        .GN-tabs nav {
            text-align: center
        }

            .GN-tabs nav ul {
                position: static;
                display: inline-block;
                margin: 0 auto;
                padding: 10px 0;
                max-width: 1200px;
                top:-60px;
                list-style: none;
                -ms-box-orient: horizontal;
                -ms-box-pack: center;
                -webkit-flex-flow: row wrap;
                -moz-flex-flow: row wrap;
                -ms-flex-flow: row wrap;
                flex-flow: row wrap;
                -webkit-justify-content: center;
                -moz-justify-content: center;
                -ms-justify-content: center;
                justify-content: center
            }

                .GN-tabs nav ul li {
                    position: relative;
                    z-index: 1;
                    display: inline-block;
                    margin: 0;
                    text-align: center;
                    -webkit-flex: 1;
                    -moz-flex: 1;
                    -ms-flex: 1;
                    flex: 1
                }

            .GN-tabs nav a {
                position: relative;
                display: block;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                line-height: 2.5;
                padding-left: 10px
            }

                .GN-tabs nav a span {
                    vertical-align: middle;
                    font-size: .75em
                }

                .GN-tabs nav a:focus {
                    outline: none
                }

    .GN-magnifying-glass:before, .GN-shopping-bag:before, .GN-torso:before {
        z-index: 0;
        display: inline-block;
        margin: 0 .4em 0 0;
        vertical-align: middle;
        text-transform: none;
        text-decoration: none;
        font-weight: normal;
        font-variant: normal;
        font-size: 1.3em;
        font-family: "foundation-icons";
        line-height: 1;
        speak: none;
        -webkit-backface-visibility: hidden;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

    .GN-play-circle {
        color: #fff;
        font-size: 1em !important;
        font-style: normal;
        padding-left: 5px
    }

    .GN-side-minus, GN-side-plus {
        color: #fff;
        font-size: 1em;
        font-style: normal;
        font-family: "foundation-icons"
    }

    .GN-magnifying-glass:before {
        content: "\f16c";
        font-family: "foundation-icons"
    }

    .GN-torso:before {
        content: "\f1fe";
        font-family: "foundation-icons"
    }

    .GN-shopping-bag:before {
        content: "\f1b0";
        font-family: "foundation-icons"
    }

    .GN-play-circle:after {
        content: "\f198";
        font-family: "foundation-icons"
    }

    .GN-side-minus:before {
        content: "\f176";
        font-family: "foundation-icons"
    }

    .GN-side-plus:before {
        content: "\f199";
        font-family: "foundation-icons"
    }

.ft-label:before {
    content: "\f199";
    font-size: .8em !important;
    font-family: "foundation-icons";
    color: #ed1c24;
}

    .ft-opened:before {
        content: "\f176";
        font-family: "foundation-icons"
    }

.GN-widget:before {
    content: "\f214";
    font-family: "foundation-icons";
    color: #ed1c24;
    font-size: 4em;
    font-style: normal
}

    .GN-home:before {
        content: "\f15a";
        font-family: "foundation-icons";
        color: #fff;
        font-size: 1.5em;
        font-style: normal
    }

    .GN-widget, .GN-home {
        cursor: pointer
    }

    .content-wrap {
        display: none;
        margin-left: -500px;
        position: absolute;
        width: 400px
    }

    .GN-desktop-nav .GN-desktop-nav-column li a:hover .GN-play-circle {
        color: #ed1c24
    }

    .content-wrap section {
        margin: 0 auto;
        border-top: 1.5px solid rgba(40,44,42,1);
        border-right: red 2px solid;
        background: #000;
        max-width: 1200px;
        height: 250px;
        text-align: center;
        color: #fff
    }

    .GN-tabs-block {
        display: block
    }

    .GN-tabs-hide {
        display: none
    }

    .GN-menu-tab-active {
        text-decoration: none !important;
        color: #ed1c24 !important;
        border: 1.5px solid rgba(40,44,42,1) !important;
        border-bottom: none !important;
        padding-left: 10px !important;
        background-color: #000
    }

    .no-js .content-wrap section {
        display: block;
        padding-bottom: 2em;
        border-bottom: 1px solid rgba(255,255,255,0.6)
    }

    .no-flexbox nav ul {
        display: block
    }

        .no-flexbox nav ul li {
            min-width: 15%;
            display: inline-block
        }

    @media screen and (max-width: 90em) {
        .master-wrapper-content-center {
            background-size: cover !important
        }

        .GN-tabs nav {
            float: right
        }
    }

    .GN-tabs-style {
        max-width: 1200px
    }

        .GN-tabs-style nav li:not(:last-child) {
            border-right: none
        }

    .GN-menu-tab li:nth-child(2) > .content-wrap {
        margin-left: -300px !important
    }

    .GN-menu-tab li:nth-child(3) > .content-wrap {
        margin-left: -354px !important
    }

    .GN-tabs-style nav a {
        cursor: pointer;
        color: #ed1c24;
        text-decoration: none;
        border: 1px solid transparent;
        line-height: 1;
        -webkit-transition: color .2s;
        transition: color .2s
    }

    .GN-tabs-style .icon::before {
        display: block;
        margin: 0
    }

    .GN-tabs-style nav a span {
        text-transform: uppercase;
        letter-spacing: 1px;
        font-weight: 700;
        font-size: .5em;
        color:#fff;
    }

    .section-gn-login {
        width: 600px
    }

    .section-gn-login-small {
        width: 300px !important
    }

.logoLeft {

    width: 352px;
    height: 75px;
    margin: 20px;
    margin-top: 0;
    left: 0;
    z-index: 510;
    position: absolute;
    background: url(/App_Themes/GrayNicolls/Images/main-logo.png?v2) no-repeat center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

    .home-link {
        z-index: 510
    }

    #dvHeaderWrapper {
        z-index: 501;
        position: relative
    }

    .gn-tab-login, .gn-tab-tranck, .gn-tab-account {
        font-size: .8em;
        display: block;
        padding: 0;
        margin: 0;
        text-align: left;
        overflow: visible !important
    }

        .gn-tab-login a, .gn-tab-tranck a, .gn-tab-account a {
            line-height: 1.5em !important;
            -webkit-transition: color .2s;
            transition: color .2s
        }

            .gn-tab-login a:hover, .gn-tab-tranck a:hover, .gn-tab-account a:hover {
                color: #ed1c24
            }

    .rightLoginTab {
        width: 27%;
        float: right;
        padding-left: 10px !important
    }

        .rightLoginTab a {
            padding-left: 0 !important
        }

    .leftLoginTab {
        width: 69%;
        height: 250px;
        float: left;
        text-align: left;
        font-size: .6em;
        padding-right: 10px !important;
        border-right: #ed1c24 1.5px solid !important
    }

    .md-content h3 {
        margin: 0;
        padding: 5px;
        font-size: 1em;
        text-align: center
    }

    .md-close {
        display: none;
        visibility: hidden
    }

    .md-content input {
        width: 95%;
        height: 30px;
        padding: 5px;
        margin-bottom: 5px
    }

    .md-content span {
        margin-top: 5px
    }

    .signup-main-wrap {
        float: left;
        padding-left: 2% !important
    }

    .btnSignUpSave {
        width: 25%;
        background: #ed1c24;
        color: #fff;
        text-transform: uppercase;
        text-align: left;
        margin: 20px 100px 60px 6px !important;
        float: left;
        padding: 10px !important;
        font-size: 1.2em
    }

    .md-content select {
        height: 30px;
        font-size: 1em
    }

    .dvSignUpNotice {
        text-align: left;
        font-size: .7em;
        padding: 5px !important
    }

    #ctl00_ctl00_cphMaster_ctrlHeader_ctrlSignUpSave_chkAggreeSignup {
        width: 10px
    }

    #section-search {
        height: 100px
    }

    .GN-tabs-search-span {
        color: #ed1c24;
        top: 5px;
        font-size: .7em;
        position: relative
    }

    .GN-tabs-search-input {
        height: 40px;
        width: 70%;
        margin-top: 15px !important;
        font-size: .8em;
        background-color: #fff;
        border: none
    }

    #searchIcon {
        color: #fff;
        background-color: #ed1c24;
        padding: 10px;
        border: 0;
        height: 40px;
        top: -2px;
        position: relative;
        cursor: pointer
    }

    .GN-basket-empty {
        font-size: .7em
    }

    .GN-basket-amount {
        position: absolute;
        font-size: .6em !important;
        color: #fff;
        display: block;
        top: 9px;
        text-align: center;
        width: 25px
    }

    #section-basket {
        width: 300px;
        height: 100%;
        margin-left: 250px
    }

    .GN-basket-total-item {
        float: right;
        right: 20px;
        font-size: .6em;
        color: #ed1c24;
        top: 8px;
        position: relative
    }

    .GN-basket-item {
        border-top: 1.5px solid #fff !important;
        margin-top: 10px !important;
        padding: 10px !important;
        padding-bottom: 30px !important;
        height: 70px
    }

    .GN-basket-all-items {
        max-height: 420px;
        overflow-y: scroll
    }

    .GN-basket-header-wrap {
        height: 30px
    }

    .GN-basket-bag-header {
        font-size: .7em;
        color: #ed1c24;
        font-weight: bold;
        top: 6px;
        left: 60px;
        position: relative
    }

    .basket-image {
        width: 100px;
        float: left;
        margin-right: 20px;
        background: url(/App_Themes/GrayNicolls/Images/GN-product-bg.jpg) center no-repeat
    }

    .GN-basket-item-image {
        margin-left: -10px
    }

    .GN-basket-item-desc span:nth-child(1) {
        font-size: .5em !important;
        font-weight: bold;
        bottom: 10px;
        position: relative
    }

    .GN-basket-item-desc span {
        font-size: .4em;
        padding-left: 0 !important
    }

    .GN-basket-item-desc {
        text-align: left;
        padding-top: 10px !important
    }

    .GN-basket-item-quantity {
        color: #ed1c24;
        font-size: .4em;
        text-align: left;
        padding-top: 10px !important
    }

        .GN-basket-item-quantity span {
            padding-left: 0 !important
        }

    .GN-basket-item-total {
        color: #ed1c24;
        font-size: .4em;
        margin-top: -13px !important;
        text-align: right
    }

    .GN-basket-bottom {
        padding: 30px !important;
        border-top: 1.5px solid #fff !important
    }

    .GN-basket-bottom-left {
        font-size: .7em;
        left: -85px;
        position: relative
    }

    .GN-basket-bottom-right {
        font-size: .7em;
        right: -85px;
        position: relative
    }

    .btn-header-checkout {
        width: 95%;
        background: #ed1c24;
        color: #fff;
        text-transform: uppercase;
        text-align: center;
        margin: 20px 0 0 !important;
        padding: 15px !important;
        font-size: 1.2em
    }

    #ctl00_ctl00_cphMaster_cph1_contactUs {
        margin: 0 !important;
        font-size: 1.3em
    }

    #privacyContent {
        max-width: 960px;
        margin: auto
    }

    #ctl00_ctl00_cphMaster_cph1_privacy {
        width: 100% !important;
        margin: auto !important
    }

    #termsAndConditions {
        width: 100% !important;
        margin: auto !important
    }

    #termsContent {
        max-width: 960px;
        margin: auto
    }

    #ppList li a:hover {
        color: #ed1c24
    }

    #deliveryAndReturns {
        max-width: 960px !important;
        float: none !important;
        margin: auto !important
    }

    @media only screen and (max-width: 65em) {
       
        .GN-tabs {
            position: absolute;
        }

        .GNslideHolder > a > img {
            width: 100%;
        }

        .GNslideHolder > a > span {
            display: none;
        }

        #prevslide, #nextslide {
            display: none;
        }
        .Discription_Short
        {
            width:360px;
            height:340px;
        }
            .Discription_Short div > img {
                margin: 50px 80px;
            }

        .content-wrap {
            /*margin-left: -60px !important;
        max-width: 260px !important;*/
            margin-left: -100px;
            width: auto;
        }
        /*@media screen and (max-width:90em)*/
        .master-wrapper-content-center {
            background-size: cover !important;
        }
        /*@media only screen and (max-width:60em)*/
        .master-wrapper-cph {
            max-width: 100% !important;
            width: auto !important;
        }
        .footer .credit{display:none}
        /*@media only screen and (max-width:60em)*/
        html, body {
            height: auto !important;
        }

        #section-search {
            height: 100px;
            width: 253px
        }

        /*.content-wrap {
            margin-left: -97px !important;
            max-width: 260px !important;
            width: auto
        }*/

        .section-gn-login {
            width: auto !important;
            height: auto !important;
        }
        .content-wrap.GN-tabs-block {
            margin-left: -100px !important;
        }

        .leftLoginTab {
            width: 100% !important;
            font-size: .6em;
            float: none !important;
            position: relative
        }

        .rightLoginTab {
            width: 260px !important;
            float: right;
        }

        .btnSignUpSave {
            font-size: 1em !important;
            margin: 5px !important
        }

        .GN-menu-tab li:nth-child(3) > .content-wrap {
            margin-left: -209px !important
        }

        .dvSignUpNotice {
            width: 100% !important;
            float: left;
            text-align: left
        }

        #section-basket {
            margin-left: -60px !important
        }

        .master-wrapper-cph {
            padding-top: 100px !important;
            width: 100% !important;
            max-width: 100% !important
        }

        .ft-label::before {
            content: "" !important
        }

        ul.ft-menu > li.ft-field > span.ft-label::after {
            top: -5px
        }

        ul.ft-menu > li.ft-field {
            padding: 10px !important
        }

        #tinybox {
            width: 100% !important;
            height: 100% !important
        }
    }

    ::selection {
        color: #fff;
        background-color: Highlight
    }

    ::-moz-selection {
        color: #fff;
        background: none
    }

    .signInWrapper {
        width: 100%;
        height: auto;
        margin: -20px auto 20px;
        position: relative;
        z-index: 0
    }

    .gradient {
        width: 100%;
        height: 100%;
        max-width: 600px;
        max-height: 600px;
        position: fixed;
        left: 50%;
        top: 50%;
        margin-left: -300px;
        margin-top: -300px;
        z-index: -2;
        background-image: -webkit-gradient(radial,0% 0%,0% 100%,from(rgba(213,246,255,1)),to(rgba(213,246,255,0)));
        background-image: -webkit-radial-gradient(50% 50%,40% 40%,rgba(213,246,255,1),rgba(213,246,255,0));
        background-image: -moz-radial-gradient(50% 50%,50% 50%,rgba(213,246,255,1),rgba(213,246,255,0));
        background-image: -ms-radial-gradient(50% 50%,50% 50%,rgba(213,246,255,1),rgba(213,246,255,0));
        background-image: -o-radial-gradient(50% 50%,50% 50%,rgba(213,246,255,1),rgba(213,246,255,0))
    }

    #Register {
        width: 100%;
        max-width: 960px
    }

        #Register > .right {
            float: none
        }

    #ancPolicy {
        color: #ed1c24 !important
    }

    .signINregister {
        width: 100%;
        height: auto;
        max-width: 320px;
        margin: 0 auto;
        position: relative;
        background: #f3f3f3;
        border: 1px solid #fff;
        border-radius: 5px;
        box-shadow: 0 1px 3px rgba(0,0,0,0.5);
        -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
        -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5)
    }

        .signINregister .signInHeader {
            padding: 0 30px 30px;
            text-align: center
        }

            .signINregister .signInHeader h1 {
                font-weight: 300;
                font-size: 28px;
                line-height: 34px;
                color: #414848;
                text-shadow: 1px 1px 0 rgba(256,256,256,1.0);
                margin-bottom: 10px
            }

            .signINregister .signInHeader span {
                font-size: 1em;
                line-height: 16px;
                color: #000;
                text-shadow: 1px 1px 0 rgba(256,256,256,1.0)
            }

    .signInContent {
        display: none
    }

    .signINregister .signInContent .input {
        width: 100%;
        height: auto;
        padding: 15px 10px;
        font-weight: 400;
        font-size: 14px;
        color: #9d9e9e;
        text-shadow: 1px 1px 0 rgba(256,256,256,1.0);
        background: #fff;
        border: 1px solid #fff;
        border-radius: 5px;
        box-shadow: inset 0 1px 3px rgba(0,0,0,0.50);
        -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,0.50);
        -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.50);
        box-sizing: border-box
    }

    .signINregister .signInContent .password, .signINregister .signInContent .pass-icon {
        margin-top: 5px
    }

    .signINregister .signInContent .input:hover {
        background: #dfe9ec;
        color: #414848
    }

    .signINregister .signInContent .input:focus {
        background: #dfe9ec;
        color: #414848;
        box-shadow: inset 0 1px 2px rgba(0,0,0,0.25);
        -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.25);
        -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.25)
    }

    .user-icon, .pass-icon {
        width: 46px;
        height: 47px;
        display: block;
        position: absolute;
        left: 0;
        padding-right: 2px;
        z-index: -1;
        -moz-border-radius-topleft: 5px;
        -moz-border-radius-bottomleft: 5px;
        -webkit-border-top-left-radius: 5px;
        -webkit-border-bottom-left-radius: 5px
    }

    .user-icon {
        border-radius: 5px 20px 5px;
        top: 210px;
        background-color: #ed1c24;
        background: #ed1c24 url(/Images/login/user-icon.png) no-repeat center
    }

    .pass-icon {
        border-radius: 5px 20px 5px;
        top: 270px;
        background-color: #ed1c24;
        background: #ed1c24 url(/Images/login/pass-icon.png) no-repeat center
    }

    .signInContent input:focus + div {
        left: -46px
    }

    .input, .user-icon, .pass-icon, .btnLogin, .register {
        transition: all .5s ease;
        -moz-transition: all .5s ease;
        -webkit-transition: all .5s ease;
        -o-transition: all .5s ease;
        -ms-transition: all .5s ease
    }

    .signINregister .signInFooter {
        padding: 25px 0 0;
        margin: auto 8.5%;
        border-top: 1px solid #fff;
        box-shadow: inset 0 1px 0 rgba(0,0,0,0.15);
        -moz-box-shadow: inset 0 1px 0 rgba(0,0,0,0.15);
        -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.15)
    }

    .btnLogin, .btnRegister, .btnBEdit, .btnUpt {
        text-align: center;
        padding: 11px 0;
        font-weight: 300;
        margin-bottom: 10px;
        font-size: 18px;
        color: #fff;
        border: none;
        cursor: pointer;
        width: 150px !important;
        background: #ed1c24
    }

    .btnLogin, .btnRegister {
        width: 100% !important;
        margin-top: 10px
    }

    .fb-login {
        width: 100%;
        display: block !important;
        padding-top: 5px
    }

    .signInContent span {
        color: #000 !important
    }

    .signInFooter {
        color: #000
    }

    .MAtoggle li {
        display: inline-table !important;
        left: 0;
        float: left;
        width: 95%
    }

    .MAheading {
        font-size: .9em !important;
        width: 100%
    }

    .MAtoggle li a {
        padding: 0;
        margin: 0;
        text-align: left;
        width: 100%;
        left: 0
    }

    #ctl00_ctl00_ctrlHeader_ctrlSignUpSave_chkAggreeSignup {
        width: 10px !important;
        margin: 0 !important;
        margin-left: 10px !important
    }

    #saMapCanvas {
        width: 100% !important;
        height: 90% !important
    }
@media screen and (max-width: 1364px) and (min-width: 1097px) {
    .GN-desktop-nav{width:100% !important;}
}
@media (max-width: 1097px) and (min-width: 960px) {
    .GN-desktop-nav {
        width: 100% !important;
        padding-left:7%;
    }
}

    @media (max-width:480px) {
        .logoLeft {
            width: 250px !important;
            height: 50px !important;
        }

        .canvasWrap {
            padding-bottom: 80.25% !important
        }

        .sw-content {
            display: none
        }

        .gm-style-iw, .sw-content {
            width: 100% !important;
            height: 100% !important;
            font-size: 10px !important
        }

        #saShopAddress table td {
            font-size: 10px !important
        }
    }

    .canvasWrap {
        height: 0;
        margin: auto;
        padding-bottom: 35%;
        position: relative;
        width: 60%;
        margin-left: 40px;
        margin-top: -20px;
        float: left
    }

    #saMapCanvas {
        height: 100%;
        left: 0 !important;
        margin: auto;
        position: absolute !important;
        top: 50px !important;
        width: 100% !important
    }

    .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
        padding: 0
    }

    .ui-accordion-header {
        background: #ed1c24 !important;
        color: white !important
    }

    .btnRemoveB {
        padding: 10px;
        background-color: #d3d3d3;
        color: #000;
        border: none;
        cursor: pointer
    }

    .btnCheckOutTopB, .btnCheckOutBottomB {
        border: none;
        padding: 10px;
        background-color: #d3d3d3
    }

        .btnRemoveB:hover, .btnCheckOutTopB:hover, .btnCheckOutBottomB:hover {
            border-bottom: #ed1c24 solid 1px !important
        }

    #tinycontent img {
        width: 100%;
        height: 100%
    }

    #ctl00_ctl00_cphMaster_ctrlHeader_ctrlSignUpSave_ddlDOBMonth {
        width: 80px
    }

    #tabs {
        margin: 0;
        padding: 0;
        list-style: none;
        overflow: hidden
    }

        #tabs li {
            float: left;
            display: block;
            padding: 5px;
            background-color: #a1a1a1;
            margin-right: 5px;
            width: 8%;
            text-align: center
        }

            #tabs li a {
                color: #fff;
                text-decoration: none
            }

            #tabs li.current {
                background-color: #ed1c24
            }

                #tabs li.current a {
                    color: #fff;
                    text-decoration: none;
                    text-align: center
                }

            #tabs li a.closeTab {
                color: #000;
                margin-left: 20px;
                font-weight: bold
            }

    @media only screen and (min-width : 0px) and (max-width : 400px) {
        .batRepairGrid {
            max-width: 590px;
            max-height: 100vh;
            margin-left: auto;
            margin-right: auto;
            font-size: 75%
        }

        /*.item {
float:left;
min-width:320px;
max-width:240px;
width:100%
}*/
    }

    #batForm {
        background: none;
        margin-right: 200px
    }

    .cph-ASPbatrepair_aspx .load-item {
        visibility: hidden;
    }

    #main {
        width: 900px;
        margin: 0 auto;
        overflow: hidden;
        background-color: #F6F6F6;
        margin-top: 20px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        padding: 30px
    }

    .batRepairDropdown {
        width: 170px
    }

    #batRepair ul {
        margin: 0;
        list-style: none
    }

    #batRepair li {
        margin: 10px 0;
        padding: 0
    }

    #documents {
        margin: 0;
        padding: 0
    }

    #header {
        background-color: #F6F6F6;
        width: 900px;
        margin: 0 auto;
        margin-top: 20px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        padding: 30px;
        position: relative
    }

        #header h2 {
            font-size: 16px;
            font-weight: normal;
            margin: 0;
            padding: 0
        }

    .batRepairWrapper {
        vertical-align: central;
        min-width: 320px;
        max-width: 990px;
        margin-left: auto;
        margin-right: auto;
        text-wrap: normal
    }

        .batRepairWrapper p {
            font-size: 14px;
        }

        .batRepairWrapper b {
            font-size: 14px;
            font-weight: bold;
        }

        .batRepairWrapper li {
            font-size: 14px;
        }


    .batRepairNote {
        color: red;
        text-align: center
    }

    .batRepairInfo {
        color: red;
        text-align: left;
        text-decoration: underline;
        margin: 0;
        padding: 0
    }

    .batRepairNoteLeft {
        color: red;
        text-align: left
    }

    .batRepairGrid {
        text-align: center
    }

    .batRepairGridLeft {
        text-align: left
    }

    .batRepairHidden {
        display: none
    }

    hr {
        display: block;
        height: 1px;
        border: 0;
        border-top: 1px solid #fff;
        margin: 1em 0;
        padding: 0
    }

    #batFormContent {
        float: left;
        margin-left: 10%
    }

    #batFormSidebar {
        float: right;
        width: 730px;
        max-width: 100%;
        margin-right: -100px;
        margin-top: 5px;
    }

    #addToBasket {
        float: left;
        display: inline-block;
        margin-bottom: 30px
    }

    #cleared {
        clear: both
    }

    .moreInfoImage {
        max-width: 480px;
        min-width: 320px;
        width: 80%
    }

    #batinfo {
        color: red
    }

        #batinfo:hover {
            color: #fff
        }

    .popupbox {
        box-shadow: 0 0 25px #111;
        -webkit-box-shadow: 0 0 25px #111;
        -moz-box-shadow: 0 0 25px #111;
        max-width: 320px;
        position: fixed;
        top: 17%;
        left: 50%;
        margin-left: -100px;
        margin-top: -100px;
        background-color: #000
    }

        .popupbox p {
            font-size: 14px;
        }

        .popupbox h2 {
            font-size: 16px;
            font-weight: bold;
        }

        .popupbox a {
            color: #ed1c24;
            font-size: 16px;
            font-weight: bold;
            text-align: center;
        }

            .popupbox a:hover {
                color: #fff;
            }

        .popupbox li {
            font-size: 14px;
        }

    .closepopupbox {
        float: right;
        position: fixed;
        top: 5%;
        left: 61%;
        font-weight: bold;
        font-size: 14px;
    }

    .bookNowButton {
        padding: 10px;
        width: 80px;
        background-color: #0BB5FF;
        position: relative;
        font-size: 1em;
        margin-top: 10px;
        text-decoration: none;
        text-transform: uppercase;
        font-weight: 100
    }

    input[disabled] {
        outline: 1px solid grey
    }

    #noProductsFound {
        font-size: 16px;
        text-align: center
    }

    .col-responsive input[type='text'], .col-responsive input[type='password'], .col-responsive input[type='email'] {
        padding: 5px !important;
        font-size: 12px !important;
        border-radius: 0 !important
    }

    @media (max-width:480px) {
        #section-basket {
            margin-left: -110px !important
        }

        .ui-dialog {
            width: 100% !important
        }

        ul#slidecaption li {
            top: 50% !important
        }

        ul#slide-list {
            bottom: 20px !important;
            margin: auto !important;
            z-index: 3;
            background-color: #ed1c24;
            padding-bottom: 20px !important
        }

        .footer {
            bottom: 0;
            height: 35px !important;
            background-color: transparent !important;
            margin: 0 auto !important;
            color: #fff !important;
            z-index: 2 !important
        }

            .footer .credit {
                text-align: center;
                font-size: 1.5em;
                margin: auto;
                position: absolute;
                padding: 0;
                padding-bottom: 5px;
                color: #ed1c24;
            }

        .GN-tabs {
            top: 64px !important
        }

        /*.gn-mobile-menu-button {
            top: 30px !important;
            left: 90px !important
        }*/

        ul#slide-list li {
            width: 20px !important;
            height: 20px !important
        }

            ul#slide-list li a {
                width: 20px !important;
                height: 20px !important
            }

        .footer-mobile-menu-button {
            bottom: 4.5em !important;
            left:0;
        }

        .footer-mobile-menu-wrap {
            bottom: 6em !important
        }
    }

    .right {
        float: right
    }

    #soTopHeading {
        display: none
    }

    #SearchOptions {
        position: relative;
        width: 56%;
        margin: 0 10%;
        padding-top: 30px;
        height: 20px;
        font-size: 1.3em
    }

    .dv-hidden-breadcrum {
    }

    .main-product-titles {
        width: 80%;
        max-width: 1200px;
        margin: 0 auto;
        font-size: 3.5em;
        text-align: center
    }

    #ctl00_ctl00_cphMaster_cph1_ctrlBagCheckoutContents_pLargeImageNotice {
        color: #fff
    }

    #dvPayPointText span {
        color: #fff !important
    }

    #dvMainPayPointWrap {
        margin: 0 auto;
        text-align: center
    }

    #CartModalMsg {
        background-color: #ed1c24 !important;
        font-size: 1.2em
    }

    #CartModalMsgCustom {
        color: #000;
        font-size: 1.2em;
    }

    .revive-product-grid {
        left: 0;
        top: 0;
        position: absolute
    }

    .tour-main-banner-img {
        width: 100%
    }

    .tour-main-intro {
        font-size: 1em
    }

    .tour-main-text {
        font-size: 1em
    }

    .tour-main-wrap {
        max-width: 800px;
        min-width: 320px;
        width: 100%;
        margin: 0 auto
    }

    #saMapCanvas {
        width: 100%;
        height: 100%;
        background: #333
    }

    .infobox {
        background: none repeat scroll 0 0 #FFF;
        color: #F1F1F1;
        font-family: arial;
        line-height: 20px;
        position: absolute;
        min-height: 350px
    }

        .infobox:before, .infobox:after {
            border-color: transparent transparent transparent #ed1c24;
            border-style: solid;
            border-width: 20px 20px 0;
            bottom: -1px;
            content: "";
            display: block;
            height: 0;
            left: -1px;
            position: absolute;
            width: 0;
            z-index: 2
        }

        .infobox:after {
            border-color: transparent transparent transparent #FFFFFF;
            border-width: 24px 24px 0;
            z-index: 1
        }

        .infobox .close {
            background: none repeat scroll 0 0 #212121;
            cursor: pointer;
            float: right;
            font-size: 17px;
            height: 25px;
            line-height: 22px;
            position: relative;
            right: -25px;
            text-align: center;
            top: 0;
            width: 25px
        }

    /*.close {
float:right;
font-size:21px;
font-weight:bold;
line-height:1;
color:#FFF!important;
text-shadow:0 1px 0 #ffffff;
opacity:1!important;
filter:alpha(opacity=100)
}*/

    .ui-widget-content {
        border: none !important
    }

    .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
        color: #fff !important
    }

    .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
        background: #ed1c24 !important;
        color: #fff !important
    }

    .ui-tabs .ui-tabs-nav li {
        width: 31%
    }

    .ui-widget-header {
        background: transparent !important;
        background-color: transparent !important;
        border: none !important
    }

    /*.ui-state-default {
top:-27px!important;
left:-5px!important
}*/

    .ui-tabs .ui-tabs-nav li a {
        font-size: .7em !important
    }

    .ui-tabs .ui-tabs-nav {
        position: absolute
    }

    .ui-tabs-panel {
        height: 209px
    }

    .ui-tabs .ui-tabs-panel {
        padding: 0 1.4em !important
    }

    .addthis-product-override {
        margin: 5%;
        width: 100%;
        padding: 5%;
        float: left;
        margin-right: 50px
    }

    .gn-container {
        width: 90%;
        max-width: 1170px;
        margin: 0 auto
    }

        .gn-container::after {
            content: '';
            display: table;
            clear: both
        }

    header {
        height: 200px;
        line-height: 200px;
        text-align: center;
        background: #303e49
    }

        header h1 {
            color: white;
            font-size: 18px;
            font-size: 1.125rem
        }

    @media only screen and (min-width: 1170px) {
        header {
            height: 300px;
            line-height: 300px
        }

            header h1 {
                font-size: 24px;
                font-size: 1.5rem
            }
    }

    #gn-timeline {
        position: relative;
        padding: 2em 0;
        margin-top: 2em;
        margin-bottom: 2em
    }

        #gn-timeline::before {
            content: '';
            position: absolute;
            top: 0;
            left: 18px;
            height: 100%;
            width: 4px;
            background: #d7e4ed
        }

    @media only screen and (min-width: 1170px) {
        #gn-timeline {
            margin-top: 3em;
            margin-bottom: 3em
        }

            #gn-timeline::before {
                left: 50%;
                margin-left: -2px
            }
    }

    .gn-timeline-block {
        position: relative;
        margin: 2em 0
    }

        .gn-timeline-block:after {
            content: "";
            display: table;
            clear: both
        }

        .gn-timeline-block:first-child {
            margin-top: 0
        }

        .gn-timeline-block:last-child {
            margin-bottom: 0
        }

    @media only screen and (min-width: 1170px) {
        .gn-timeline-block {
            margin: 4em 0
        }

            .gn-timeline-block:first-child {
                margin-top: 0
            }

            .gn-timeline-block:last-child {
                margin-bottom: 0
            }
    }

    .gn-timeline-img {
        position: absolute;
        top: 0;
        left: 0;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background-color: #000;
        box-shadow: 0 0 0 4px white,inset 0 2px 0 rgba(0,0,0,0.08),0 3px 0 4px rgba(0,0,0,0.05)
    }

        .gn-timeline-img img {
            display: block;
            width: 50px;
            height: 50px;
            position: relative;
            left: 10%;
            top: 10%;
            margin-left: -.5px;
            margin-top: -1px
        }

    @media only screen and (min-width: 1170px) {
        .gn-timeline-img {
            width: 60px;
            height: 60px;
            left: 50%;
            margin-left: -30px;
            -webkit-transform: translateZ(0);
            -webkit-backface-visibility: hidden
        }

        .cssanimations .gn-timeline-img.is-hidden {
            visibility: hidden
        }

        .cssanimations .gn-timeline-img.bounce-in {
            visibility: visible;
            -webkit-animation: cd-bounce-1 .6s;
            -moz-animation: cd-bounce-1 .6s;
            animation: cd-bounce-1 .6s
        }
    }

    @-webkit-keyframes cd-bounce-1 {
        0% {
            opacity: 0;
            -webkit-transform: scale(0.5)
        }

        60% {
            opacity: 1;
            -webkit-transform: scale(1.2)
        }

        100% {
            -webkit-transform: scale(1)
        }
    }

    @-moz-keyframes cd-bounce-1 {
        0% {
            opacity: 0;
            -moz-transform: scale(0.5)
        }

        60% {
            opacity: 1;
            -moz-transform: scale(1.2)
        }

        100% {
            -moz-transform: scale(1)
        }
    }

    @keyframes cd-bounce-1 {
        0% {
            opacity: 0;
            -webkit-transform: scale(0.5);
            -moz-transform: scale(0.5);
            -ms-transform: scale(0.5);
            -o-transform: scale(0.5);
            transform: scale(0.5)
        }

        60% {
            opacity: 1;
            -webkit-transform: scale(1.2);
            -moz-transform: scale(1.2);
            -ms-transform: scale(1.2);
            -o-transform: scale(1.2);
            transform: scale(1.2)
        }

        100% {
            -webkit-transform: scale(1);
            -moz-transform: scale(1);
            -ms-transform: scale(1);
            -o-transform: scale(1);
            transform: scale(1)
        }
    }

    .gn-timeline-content {
        position: relative;
        margin-left: 60px;
        border-radius: .25em;
        padding: 1em
    }

        .gn-timeline-content:after {
            content: "";
            display: table;
            clear: both
        }

        .gn-timeline-content h2 {
            color: #303e49
        }

        .gn-timeline-content p, .gn-timeline-content .cd-read-more, .gn-timeline-content .gn-timeline-date {
            font-size: 1.6em
        }

        .gn-timeline-content .cd-read-more, .gn-timeline-content .gn-timeline-date {
            display: inline-block
        }

        .gn-timeline-content p {
            margin: 1em 0;
            line-height: 1.6
        }

        .gn-timeline-content .cd-read-more {
            float: right;
            padding: .8em 1em;
            background: #acb7c0;
            color: white;
            border-radius: .25em
        }

    .no-touch .gn-timeline-content .cd-read-more:hover {
        background-color: #bac4cb
    }

    .gn-timeline-content .gn-timeline-date {
        float: left;
        padding: .6em .5em;
        opacity: 1
    }

    .gn-timeline-content::before {
        content: '';
        position: absolute;
        top: 16px;
        right: 100%;
        height: 0;
        width: 0;
        border: 7px solid transparent;
        border-right: 7px solid white
    }

    @media only screen and (min-width: 768px) {
        .gn-timeline-content h2 {
            font-size: 20px;
            font-size: 1.25rem
        }

        .gn-timeline-content p {
            font-size: 1.5em
        }

        .gn-timeline-content .cd-read-more, .gn-timeline-content .gn-timeline-date {
            font-size: 14px;
            font-size: .875rem
        }
    }

    @media only screen and (min-width: 1170px) {
        .gn-timeline-content {
            margin-left: 0;
            padding: 1.6em;
            width: 40%
        }

            .gn-timeline-content::before {
                top: 24px;
                left: 100%;
                border-color: transparent;
                border-left-color: white
            }

            .gn-timeline-content .cd-read-more {
                float: left
            }

            .gn-timeline-content .gn-timeline-date {
                position: absolute;
                width: 100%;
                left: 122%;
                top: 6px;
                font-size: 16px;
                font-size: 1rem
            }

        .gn-timeline-block:nth-child(even) .gn-timeline-content {
            float: right
        }

            .gn-timeline-block:nth-child(even) .gn-timeline-content::before {
                top: 35px;
                left: auto;
                right: 100%;
                border-color: transparent;
                border-right-color: white
            }

            .gn-timeline-block:nth-child(even) .gn-timeline-content .cd-read-more {
                float: right
            }

            .gn-timeline-block:nth-child(even) .gn-timeline-content .gn-timeline-date {
                left: auto;
                right: 122%;
                text-align: right
            }

        .cssanimations .gn-timeline-content.is-hidden {
            visibility: hidden
        }

        .cssanimations .gn-timeline-content.bounce-in {
            visibility: visible;
            -webkit-animation: cd-bounce-2 .6s;
            -moz-animation: cd-bounce-2 .6s;
            animation: cd-bounce-2 .6s
        }
    }

    @media only screen and (min-width: 1170px) {
        .cssanimations .gn-timeline-block:nth-child(even) .gn-timeline-content.bounce-in {
            -webkit-animation: cd-bounce-2-inverse .6s;
            -moz-animation: cd-bounce-2-inverse .6s;
            animation: cd-bounce-2-inverse .6s
        }
    }

    @-webkit-keyframes cd-bounce-2 {
        0% {
            opacity: 0;
            -webkit-transform: translateX(-100px)
        }

        60% {
            opacity: 1;
            -webkit-transform: translateX(20px)
        }

        100% {
            -webkit-transform: translateX(0)
        }
    }

    @-moz-keyframes cd-bounce-2 {
        0% {
            opacity: 0;
            -moz-transform: translateX(-100px)
        }

        60% {
            opacity: 1;
            -moz-transform: translateX(20px)
        }

        100% {
            -moz-transform: translateX(0)
        }
    }

    @keyframes cd-bounce-2 {
        0% {
            opacity: 0;
            -webkit-transform: translateX(-100px);
            -moz-transform: translateX(-100px);
            -ms-transform: translateX(-100px);
            -o-transform: translateX(-100px);
            transform: translateX(-100px)
        }

        60% {
            opacity: 1;
            -webkit-transform: translateX(20px);
            -moz-transform: translateX(20px);
            -ms-transform: translateX(20px);
            -o-transform: translateX(20px);
            transform: translateX(20px)
        }

        100% {
            -webkit-transform: translateX(0);
            -moz-transform: translateX(0);
            -ms-transform: translateX(0);
            -o-transform: translateX(0);
            transform: translateX(0)
        }
    }

    @-webkit-keyframes cd-bounce-2-inverse {
        0% {
            opacity: 0;
            -webkit-transform: translateX(100px)
        }

        60% {
            opacity: 1;
            -webkit-transform: translateX(-20px)
        }

        100% {
            -webkit-transform: translateX(0)
        }
    }

    @-moz-keyframes cd-bounce-2-inverse {
        0% {
            opacity: 0;
            -moz-transform: translateX(100px)
        }

        60% {
            opacity: 1;
            -moz-transform: translateX(-20px)
        }

        100% {
            -moz-transform: translateX(0)
        }
    }

    @keyframes cd-bounce-2-inverse {
        0% {
            opacity: 0;
            -webkit-transform: translateX(100px);
            -moz-transform: translateX(100px);
            -ms-transform: translateX(100px);
            -o-transform: translateX(100px);
            transform: translateX(100px)
        }

        60% {
            opacity: 1;
            -webkit-transform: translateX(-20px);
            -moz-transform: translateX(-20px);
            -ms-transform: translateX(-20px);
            -o-transform: translateX(-20px);
            transform: translateX(-20px)
        }

        100% {
            -webkit-transform: translateX(0);
            -moz-transform: translateX(0);
            -ms-transform: translateX(0);
            -o-transform: translateX(0);
            transform: translateX(0)
        }
    }

    .cd-date {
        font-size: 1.6em
    }

    .gn-timeline-date {
        font-size: 1.6em !important
    }

    .gn-history-h2 {
        text-align: center;
        font-size: 2.5em;
        text-transform: uppercase
    }

    #backtotop {
        cursor: pointer;
        display: none;
        margin: 0;
        position: fixed;
        bottom: 20px;
        right: 20px;
        padding: 10px;
        width: auto;
        text-align: center;
        border-radius: 8px;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        filter: alpha(opacity=60);
        -khtml-opacity: .4;
        -moz-opacity: .4;
        opacity: .4;
        color: White;
        font-size: 1em;
        z-index: 1000;
        background-color: #ed1c24
    }

        #backtotop:hover {
            filter: alpha(opacity=100);
            -khtml-opacity: .8;
            -moz-opacity: .8;
            opacity: .8
        }

    #ctl00_ctl00_cphMaster_cph1_ctrlBagCheckoutContents_pnlOfferCode {
        color: #fff !important
    }

    #ctl00_ctl00_cphMaster_cph1_ctrlBagCheckoutContents_cmdBOfferCodeB {
        position: relative;
        float: left;
        display: inline-block;
        top: 30px;
        right: 90px
    }

    .retailers-wrap {
        height: 100%;
        background-color: #fff;
        color: #000;
        position: relative;
        display: inline-block;
        padding: 0 20px;
    }


    .storelocator-panel {
        overflow: auto;
        width: 30%;
        right: 0;
        float: left;
        padding: 10px;
        overflow-y: scroll;
        scrollbar-base-color: transparent;
        height: 500px;
        scrollbar-3dlight-color: transparent;
        position: relative;
        scrollbar-darkshadow-color: transparent;
        scrollbar-arrow-color: #ed1c24;
        scrollbar-face-color: #ed1c24;
        scrollbar-highlight-color: transparent;
        scrollbar-shadow-color: transparent;
        scrollbar-track-color: transparent
    }

        .storelocator-panel .store-list {
            margin: 0;
            padding: 0;
            list-style: none
        }

            .storelocator-panel .store-list li, .storelocator-panel .directions-panel {
                padding: 5px
            }

        .storelocator-panel .directions-panel {
            font-size: .8em
        }

        .storelocator-panel .store-list li.store:hover {
            cursor: pointer;
            border-bottom: #ed1c24 solid 1px
        }

        .storelocator-panel .store-list li.highlighted, .storelocator-panel .store-list li.highlighted:hover {
            background: #ed1c24;
            color: #fff
        }

    .store > .phone {
        display: none !important
    }

    .storelocator-panel .directions {
        display: none
    }

    .storelocator-panel .location-search {
        padding: 5px
    }

        .storelocator-panel .location-search input {
            width: 95%
        }

        .storelocator-panel .location-search h4 {
            margin: 0;
            float: left;
            padding: 0
        }

    .storelocator-panel .store-list .no-stores {
        color: grey
    }

    .storelocator-panel .feature-filter {
        overflow: hidden
    }

        .storelocator-panel .feature-filter label {
            display: block;
            font-size: 1em;
            margin: 0 .4em;
            float: left;
            font-weight: normal
        }

    .store .title {
        font-weight: bold;
        font-size: 1em
    }

    .store .address, .store .phone, .store .web, .store .misc {
        margin-top: .2em;
        margin-bottom: .5em;
        display: block
    }

    .store .features {
        overflow: hidden;
        color: grey;
        margin: 0;
        padding: 0;
        font-size: 70%;
        max-width: 250px
    }

        .store .features li {
            display: inline;
            float: left;
            padding-right: .8em;
            color: #00ace6
        }

    .store .web a {
        color: green
    }

    .store .action {
        font-size: .8em;
        color: green;
        margin-right: .5em
    }

    .retailers-info {
        position: relative;
        float: left;
        width: 40%;
        margin-left: 40px;
        bottom: 0;
        padding-top: 70px
    }

    .retailer-normal {
        float: right;
        width: 33%;
        padding-left: 50px;
        font-size: 1em
    }

    .retailer-specialist {
        width: 49%;
        float: left;
        font-size: 1em
    }

    .retailer-img {
        top: 17px;
        position: relative
    }

    .retailer-title {
        position: relative;
        top: 17px
    }

    .retailer-txt {
        position: relative;
        top: 15px
    }

    #retailes-tabs {
        height: 100%
    }

    .retailer-tab {
        width: 130px !important;
        text-align: center
    }

    .retailers-wrap h1 {
        padding: 5px
    }

    .swap-shop-wrap h4 {
        width: 50%;
        float: left
    }

    .swap-shop-wrap {
        float: left;
        width: 100%
    }

    .change-sport-brand {
        vertical-align: top;
        padding-left: 15px
    }

    .brand-imagewrap {
        padding-top: 10px
    }

        .brand-imagewrap span {
            vertical-align: bottom;
            top: -15px;
            position: relative
        }

        .brand-imagewrap input {
            padding-left: 20px
        }

    .distance {
        color: #ed1c24
    }

    .close-directions {
        margin: 10px;
        background-color: #ed1c24;
        padding: 5px;
        text-decoration: none
    }

    .retailer-print {
        -moz-box-shadow: 0 10px 14px -7px #575e54;
        -webkit-box-shadow: 0 10px 14px -7px #575e54;
        box-shadow: 0 10px 14px -7px #575e54;
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0.05,#8a8a8a),color-stop(1,#bdbdbd));
        background: -moz-linear-gradient(top,#8a8a8a 5%,#bdbdbd 100%);
        background: -webkit-linear-gradient(top,#8a8a8a 5%,#bdbdbd 100%);
        background: -o-linear-gradient(top,#8a8a8a 5%,#bdbdbd 100%);
        background: -ms-linear-gradient(top,#8a8a8a 5%,#bdbdbd 100%);
        background: linear-gradient(to bottom,#8a8a8a 5%,#bdbdbd 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8a8a8a',endColorstr='#bdbdbd',GradientType=0);
        background-color: #8a8a8a;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        border: 1px solid #050505;
        display: inline-block;
        cursor: pointer;
        color: #ffffff;
        font-family: Arial;
        font-size: 13px;
        font-weight: bold;
        padding: 6px 12px;
        margin-top: 70px;
        text-decoration: none;
        text-shadow: 0 1px 0 #050505;
        float: right;
        right: 100px;
        position: relative
    }

        .retailer-print:hover {
            background: -webkit-gradient(linear,left top,left bottom,color-stop(0.05,#bdbdbd),color-stop(1,#8a8a8a));
            background: -moz-linear-gradient(top,#bdbdbd 5%,#8a8a8a 100%);
            background: -webkit-linear-gradient(top,#bdbdbd 5%,#8a8a8a 100%);
            background: -o-linear-gradient(top,#bdbdbd 5%,#8a8a8a 100%);
            background: -ms-linear-gradient(top,#bdbdbd 5%,#8a8a8a 100%);
            background: linear-gradient(to bottom,#bdbdbd 5%,#8a8a8a 100%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd',endColorstr='#8a8a8a',GradientType=0);
            background-color: #bdbdbd
        }

        .retailer-print:active {
            position: relative;
            top: 1px
        }

    .location-search input {
        border: 2px solid #ed1c24;
        margin-bottom: 10px
    }

    .retailer-store {
        width: 100%;
        min-width: 200px;
        height: auto;
        font-size: 1.2em
    }

    .retailer-info-title {
        font-size: 1.2em
    }

    .action {
        padding: 5px;
        line-height: 50px;
        color: #ed1c24 !important
    }

    .retailer-adjust > div {
        height: auto !important;
        min-width: 250px
    }

    .info-address {
        font-size: 1em
    }

    .retailer-store div a {
        color: #000
    }

    .highlighted > .store > .features > li {
        color: #fff
    }

    @font-face {
        font-family: 'footable';
        src: url(/App_Themes/GrayNicolls/fonts/footable.eot);
        src: url(/App_Themes/GrayNicolls/fonts/footable.eot?#iefix) format("embedded-opentype"),url(/App_Themes/GrayNicolls/fonts/footable.woff) format("woff"),url(/App_Themes/GrayNicolls/fonts/footable.ttf) format("truetype"),url(/App_Themes/GrayNicolls/fonts/footable.svg#footable) format("svg");
        font-weight: normal;
        font-style: normal
    }

    @font-face {
        font-family: 'footable';
        src: url(/App_Themes/GrayNicolls/fonts/footable.svg#footable) format("svg");
        font-weight: normal;
        font-style: normal
    }

    .footable {
        width: 100%
    }

        .footable.breakpoint > tbody > tr.footable-detail-show > td {
            border-bottom: none
        }

            .footable.breakpoint > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
                content: "-"
            }

        .footable.breakpoint > tbody > tr:hover:not(.footable-row-detail) {
            cursor: pointer
        }

        .footable.breakpoint > tbody > tr > td.footable-cell-detail {
            background: #eee;
            border-top: none
        }

        .footable.breakpoint > tbody > tr > td > span.footable-toggle {
            display: inline-block;
            font-family: 'footable';
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            -webkit-font-smoothing: antialiased;
            padding-right: 5px;
            font-size: 2em;
            color: #fff
        }

            .footable.breakpoint > tbody > tr > td > span.footable-toggle:before {
                content: "+"
            }

        .footable.breakpoint.toggle-circle > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
            content: "\e005"
        }

        .footable.breakpoint.toggle-circle > tbody > tr > td > span.footable-toggle:before {
            content: "\e004"
        }

        .footable.breakpoint.toggle-circle-filled > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
            content: "\e003"
        }

        .footable.breakpoint.toggle-circle-filled > tbody > tr > td > span.footable-toggle:before {
            content: "\e002"
        }

        .footable.breakpoint.toggle-square > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
            content: "\e007"
        }

        .footable.breakpoint.toggle-square > tbody > tr > td > span.footable-toggle:before {
            content: "\e006"
        }

        .footable.breakpoint.toggle-square-filled > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
            content: "\e009"
        }

        .footable.breakpoint.toggle-square-filled > tbody > tr > td > span.footable-toggle:before {
            content: "\e008"
        }

        .footable.breakpoint.toggle-arrow > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
            content: "\e00f"
        }

        .footable.breakpoint.toggle-arrow > tbody > tr > td > span.footable-toggle:before {
            content: "\e011"
        }

        .footable.breakpoint.toggle-arrow-small > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
            content: "\e013"
        }

        .footable.breakpoint.toggle-arrow-small > tbody > tr > td > span.footable-toggle:before {
            content: "\e015"
        }

        .footable.breakpoint.toggle-arrow-circle > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
            content: "\e01b"
        }

        .footable.breakpoint.toggle-arrow-circle > tbody > tr > td > span.footable-toggle:before {
            content: "\e01d"
        }

        .footable.breakpoint.toggle-arrow-circle-filled > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
            content: "\e00b"
        }

        .footable.breakpoint.toggle-arrow-circle-filled > tbody > tr > td > span.footable-toggle:before {
            content: "\e00d"
        }

        .footable.breakpoint.toggle-arrow-tiny > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
            content: "\e01f"
        }

        .footable.breakpoint.toggle-arrow-tiny > tbody > tr > td > span.footable-toggle:before {
            content: "\e021"
        }

        .footable.breakpoint.toggle-arrow-alt > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
            content: "\e017"
        }

        .footable.breakpoint.toggle-arrow-alt > tbody > tr > td > span.footable-toggle:before {
            content: "\e019"
        }

        .footable.breakpoint.toggle-medium > tbody > tr > td > span.footable-toggle {
            font-size: 18px
        }

        .footable.breakpoint.toggle-large > tbody > tr > td > span.footable-toggle {
            font-size: 24px
        }

        .footable > thead > tr > th {
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: -moz-none;
            -ms-user-select: none;
            user-select: none
        }

            .footable > thead > tr > th.footable-sortable:hover {
                cursor: pointer
            }

            .footable > thead > tr > th.footable-sorted > span.footable-sort-indicator:before {
                content: "\e013"
            }

            .footable > thead > tr > th.footable-sorted-desc > span.footable-sort-indicator:before {
                content: "\e012"
            }

            .footable > thead > tr > th > span.footable-sort-indicator {
                display: inline-block;
                font-family: 'footable';
                speak: none;
                font-style: normal;
                font-weight: normal;
                font-variant: normal;
                text-transform: none;
                -webkit-font-smoothing: antialiased;
                padding-left: 5px
            }

                .footable > thead > tr > th > span.footable-sort-indicator:before {
                    content: "\e022"
                }

        .footable > tfoot .pagination {
            margin: 0
        }

        .footable.no-paging .hide-if-no-paging {
            display: none
        }

    .footable-row-detail-inner {
        display: table
    }

    .footable-row-detail-row {
        display: table-row;
        line-height: 1.5em
    }

    .footable-row-detail-group {
        display: block;
        line-height: 2em;
        font-size: 1.2em;
        font-weight: bold
    }

    .footable-row-detail-name {
        display: table-cell;
        font-weight: bold;
        padding-right: .5em
    }

    .footable-row-detail-value {
        display: table-cell
    }

    .footable-odd {
        background-color: #f7f7f7
    }

    .main-tabs {
        background-color: #fff;
        color: #000;
    }

        .main-tabs a {
            color: #000;
        }

    [for*='1'].label-tabs::before {
        color: #000;
    }

    [for*='2'].label-tabs::before {
        color: #000;
    }

    /*New Checkout/Bat Repair*/

    .panel-title {
        margin-top: 0px;
        margin-bottom: 0px;
        font-size: 16px;
        text-transform: uppercase;
        color: inherit;
        font-weight: bold;
    }


    .bsForm hr {
        border-top: 1px solid #eee
    }

.bsForm .btn-primary {
    background: #ed1c24 !important;
    border-radius: 0;
    text-transform: uppercase;
    text-decoration: none;
    border-color: #ed1c24 !important
}

    #ctl00_ctl00_cphMaster_cph1_BatRepair_btnAddBottom, #ctl00_ctl00_cphMaster_cph1_btnGuest, #ctl00_ctl00_cphMaster_cph1_btnSignIn, #ctl00_ctl00_cphMaster_cph1_CheckoutBag_rptBagItems_ctl00_btnUpdate {
        color: #fff !important;
        background-color: #337ab7 !important;
        border-color: #2e6da4 !important;
        border-width:1px !important;
        border-radius: 3px !important;
        text-transform: none !important;
    }

    .black-border {
        background-color: #fff !important;
        border: 5px solid #000 !important;
    }

    .red-border {
        background-color: #fff !important;
        border: 1px solid #ed1c24 !important;
    }

    .panel-brand, .modal-content {
        background-color: #fff
    }

        .panel-default > .panel-heading {
        }

    .panel-brand-danger {
        border-color: #f00
    }

    .help-block {
        color: darkgray;
    }

    .batRepair .tab-pane {
        padding: 15px;
        background-color: #fff;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
    }

        .batRepair .tab-pane .panel:last-child {
            margin-bottom: 0;
        }

    .panel-brand .panel-brand {
        border-color: #ddd;
    }

    .bsForm .panel-footer {
        background-color: #fff;
    }

    .text-danger {
        color: red;
    }

    .cal_days, .cal_days_disabled, .cal_otherMonth, .cal_selected {
        padding: 1px;
        background-clip: content-box;
        color: #fff;
        background-color: #f00;
        display: inline-block;
    }

        .cal_days:hover {
            background-color: #d00;
        }

    .cal_selected {
        background-color: #aaa !important;
    }

    .cal_otherMonth {
        background-color: #fff;
    }

    .cal_days_disabled {
        opacity: 0.35;
    }

    .cal_table {
        background: #fff;
        padding: 5px;
        border-radius: 5px;
        color: #000;
    }

        .cal_table a {
            text-decoration: none;
            color: #fff;
            display: block;
        }

    .cal_days:hover {
    }

    .cal_table, .cal_table tbody, .cal_table tr, .cal_table > tbody > tr:first-child > td:first-child {
        display: block;
    }

    .cal_title td, .cal_days_head {
        display: inline-block;
    }

    .cal_days_head {
        width: 14%;
        font-weight: bold;
    }

    .cal_table tr {
        text-align: center;
    }

    .cal_table > tbody > tr:first-child > td:first-child {
        background-color: #fff !important;
    }

    .cal_nextPrev {
        text-align: center !important;
    }

    .panel-guest .panel-footer p {
        display: none;
    }

    @media (min-width: 992px) {
        .panel-guest .panel-body, .panel-signIn .panel-body {
            min-height: 280px;
        }

        .panel-guest .panel-footer, .panel-signIn .panel-footer {
            min-height: 120px;
        }
    }

    @media (min-width: 1200px) {
        .panel-guest .panel-body, .panel-signIn .panel-body {
            min-height: 215px;
        }

        .panel-guest .panel-footer p {
            display: block;
        }

        .panel-guest .panel-footer, .panel-signIn .panel-footer {
            min-height: 0;
        }
    }

    .payPalBtn {
        height: 49px;
    }

    .batRepair .form-control {
        height: auto;
        min-height: 34px;
    }

    .batRepair .panel-heading {
        background-color: #fff;
    }

    @media screen and (min-width:992px) {
        .bsForm .active .carousel-caption,
        .bsForm .next .carousel-caption,
        .bsForm .prev .carousel-caption {
            background: #000;
            background: rgba(0,0,0,0.4);
            -webkit-box-shadow: 0px 0px 10px 10px rgba(0,0,0,0.4);
            -moz-box-shadow: 0px 0px 10px 10px rgba(0,0,0,0.4);
            box-shadow: 0px 0px 10px 10px rgba(0,0,0,0.4);
            /*background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 80%); /* FF3.6-1
	background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 80%); /* Chrome10-25,Safari5.1-6 
	background: radial-gradient(ellipse at center, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 80%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
        }


        .bsForm .carousel-caption .pull-right {
            margin-right: 15px;
        }

        .bsForm .carousel-caption .bsBtn {
            float: right;
            margin-right: 15px;
        }
    }

    .bsForm .carousel-caption ul {
        text-align: left;
    }



    @media screen and (max-width: 991px) {
        /* Hide captions */
        .bsForm .carousel-caption {
            position: relative;
            width: 100%;
            padding: 20px;
            left: auto;
            right: 0;
            padding: 30px 20px;
            font-size: smaller;
            box-shadow: none;
            background: none;
        }

        .bsForm .carousel-control {
            z-index: 11;
        }
    }

    .modal-footer {
        padding: 15px;
        text-align: right;
        border-top: 1px solid #e5e5e5
    }

    .parallelogram {
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
        width: 150px;
        height: 50px;
        border: none;
        color: #000;
        -o-text-overflow: clip;
        text-overflow: clip;
        border: 1px solid red !important;
        -webkit-transform: skewX(-20deg);
        transform: skewX(-20deg);
        -webkit-font-smoothing: antialiased;
    }

    .graysAngleRight {
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
        width: 20px;
        height: 26.5px;
        background-color: #000;
        -o-text-overflow: clip;
        text-overflow: clip;
        right: 126px;
        top: 0px;
        position: absolute;
        -webkit-transform: skewX(-17deg);
        transform: skewX(-17deg);
        -webkit-font-smoothing: antialiased;
        border-right: solid 0.5px #fff;
        border-top: solid 0.5px #fff;
        border-bottom: solid 0.5px #fff;
    }

    /*.graysAngle {
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
        width: 20px;
        height: 26.5px;
        border: none;
        background-color: #000;
        -o-text-overflow: clip;
        text-overflow: clip;
        left: 126px;
        top: 0px;
        position: absolute;
        -webkit-transform: skewX(-20deg);
        transform: skewX(-17deg);
        -webkit-font-smoothing: antialiased;
        border-left: solid 0.5px #fff;
        border-top: solid 0.5px #fff;
        border-bottom: solid 0.5px #fff;
    }*/

.desc-short-anch .promo-wrap {
    top: auto;
    bottom: 0;
}
img#guideID {
    max-width: 1200px;
}

.bsForm .nav-pills > li.active > a,
.bsForm .nav-pills > li.active > a:hover,
.bsForm .nav-pills > li.active > a:focus {
    color: #fff;
    background-color: #ED1C24;
}

.bsForm .btn-consent {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

    .bsForm .btn-consent:hover {
        color: #333;
        background-color: #e6e6e6;
        border-color: #adadad;
    }

    .bsForm .btn-consent:active,
    .bsForm .btn-consent.active {
        color: #ffffff;
        background-color: #ED1C24;
        border-color: #D4030B;
    }

        .bsForm .btn-consent:hover:active,
        .bsForm .btn-consent.active:hover,
        .bsForm .btn-consent:focus:active,
        .bsForm .btn-consent.active:focus,
        .bsForm .btn-consent.focus:active,
        .bsForm .btn-consent.active.focus {
            color: #ffffff;
            background-color: #D4030B;
            border-color: #BA0000;
        }
.mediaShuffler{ overflow: hidden;max-width:990px;margin-left:auto;margin-right:auto;}
.row {margin-right:auto; }
.row > * { max-width: 1000px;}
.row::-webkit-scrollbar { width: 0 !important }
.row { -ms-overflow-style: none; }
#pageHeading {
    margin-left:auto;margin-right:auto;min-width:320px;max-width:960px;color: #000 !important;padding-top: 50px; font-family:'Century Gothic',"Franklin Gothic Heavy","Franklin Gothic";font-size:1.2em;
}
.addthis_toolbox_infopanelmedia{float:left; margin-left:10px; }
#lightbox{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;text-align:center}
#lightbox img{box-shadow:0 0 25px #111;-webkit-box-shadow:0 0 25px #111;-moz-box-shadow:0 0 25px #111;max-width:940px}
#lightbox p{text-align:right;color:#fff;margin-right:20px;font-size:20px}
div[class*='col-md-']{background-color:transparent;color:#000;min-width: 320px;max-width: 480px;height:auto;text-align:center;float:left}
div[class*='col-md-'] img{ max-width: 480px;width: 100%;}
div[class*='col-md-'] video{width:100%}
.mediaImage img{display:block; max-width: 480px;}
div.wrapper{float:left;position:relative}
h1.description_content{font-size:100%;font-weight:bold !important;padding-left:10px;padding-bottom:5px;width: 100%; margin:0;opacity:1.0 !important;filter:alpha(opacity=100) !important; text-shadow:none !important; font-weight:200; font-family:'Century Gothic',"Franklin Gothic Heavy","Franklin Gothic";}
h2.description_content{font-size:100%;padding-left:10px;margin:0;opacity:1.0 !important;filter:alpha(opacity=100) !important}
.newsHeading{color:#000;text-align:left}
.newsSubHeading{color:#000;text-align: left;}
.newsDescription{color:#000;text-align:left}
p.description_content{font-size:100%;padding-left:10px;margin:0;opacity:1.0 !important;filter:alpha(opacity=100) !important; width:100%;}
.noImage{text-align:center;font-size:50pt}
.noXml{text-align:center;font-size:50pt}
.hidden{display:none !important}
#infoParagraph{ width: 100%;max-width: 990px;min-width: 320px;margin-left: auto;margin-right: auto;color: #000 !important;}

@media (min-width:120px) and (max-width:47em) {
.videoImage {
    width: 320px !important;
    height: 270px;
    opacity: 1;
}
h1.description_content{font-size:100%;font-weight:bold !important;padding-left:10px;padding-bottom:5px;width: 100%; margin:0;opacity:1.0 !important;filter:alpha(opacity=100) !important; text-shadow:none !important; font-weight:200; font-family:'Century Gothic',"Franklin Gothic Heavy","Franklin Gothic"; width: 320px !important;}
h2.description_content{font-size:100%;padding-left:10px;margin:0;opacity:1.0 !important;filter: alpha(opacity=100) !important; width: 320px !important;}
.newsHeading{text-align: left; width: 320px !important;}
.newsSubHeading{text-align: left; width: 320px !important;}
.newsDescription{text-align: left; width: 320px !important;}
}

.videoImage {
    width: 480px;
    min-width:320px;
    height: 270px;
    opacity: 1;
}

.videoImage:hover {
    opacity: 1;
    cursor: pointer;
}
#videoWrapper {
    height: 300px;
    opacity: 1;
}
#videoWrapper .play {
    position:relative;
    height: 480px;
    width: 270px;
    bottom:220px;
    left:20%;
    visibility:visible;
    color: #ffffff;
    font-size:48px;
    opacity: 0.6;
}

#videoWrapper:hover .play {
    visibility:visible;
    opacity: 1;
    cursor: pointer;
}

.headingWrapper {
    display: inline-block;
}

div.wrapper {
    padding-bottom: 30px;
}
.outerShuffler{max-width:990px;margin-left:auto;margin-right:auto}
.shuffler{max-width:990px;margin-left:auto;margin-right:auto}
.shuffler > * { max-width: 1000px;}
.shuffler::-webkit-scrollbar { width: 0 !important }
.shuffler { -ms-overflow-style: none; }
div.infoLink:before{content:url('/App_Themes/GrayNicolls/InfoPanel/icons/info-outline.svg');float:right;margin:5px;position:relative;width:25px;height:25px}
.iconHolder{ position: absolute;float: right;bottom: 0;right: 0;}
.addthis_toolbox_infopanel{ position: absolute;bottom: 0;left: 0;width: 100%;min-width: 320px;padding-bottom: 3px;}
#pageHeading{margin-left:auto;margin-right:auto;min-width:320px;max-width:960px;color: #000;padding-top: 50px;}
#lightbox{top:0;left:0;background:rgba(0,0,0,.65);width: 100%;text-align: center;padding-bottom: 0px;z-index: 1000;}
#lightbox img{box-shadow:0 0 25px #111;-webkit-box-shadow:0 0 25px #111;-moz-box-shadow:0 0 25px #111; max-width: 100%;max-height: 100%;bottom: 0;left: 0;margin: auto;overflow: auto;position: fixed;right: 0;top: 0;}
.cph-ASPinfopanel_aspx .item{float:left;min-width:320px;max-width:480px;width:100%;float: left;}
.cph-ASPinfopanel_aspx .item img{display:block;width: 100%;}
#infoParagraph{ width: 100%;max-width: 990px;min-width: 320px;margin-left: auto;margin-right: auto;}
@media only screen and (min-width :700px) and (max-width :1024px) {
.itemDiv{min-width:320px;max-width:340px;width:100%;margin:0 auto;position:relative}
.lazyImage{max-width:100%;}
}
@media only screen and (min-width :500px) and (max-width :600px) {
.itemDiv{min-width:320px;max-width:240px;width:100%;margin:0 auto;position:relative}
.lazyImage{max-width:100%;}
}
.noImage{text-align:center;font-size:50pt}
.noXml{text-align:center;font-size:50pt}
.descriptiontopleft{position:absolute;top:0px;left:0px;width:40%;font-size:20px;font-weight:normal;color:white;background:rgba(255,255,255,.55);display: inline-block; }
.descriptiontopmiddle{position:absolute;top:0px;left:0px;width:100%;font-size:20px;font-weight:normal;color:white;background:rgba(255,255,255,.55);display: inline-block;}
.descriptiontopright{position:absolute;top:0px;right:0px;width:40%;font-size:20px;font-weight:normal;color:white;background:rgba(255,255,255,.55);display: inline-block;}
.descriptionleft{position:absolute;top:0px;left:0px;height:100%;width:30%;font-size:20px;font-weight:normal;color:white;background:rgba(255,255,255,.55);padding-top:45%;display:inline-block;text-align: center;}
.descriptionright{position:absolute;top:0px;right:0px;height:100%;width:30%;font-size:20px;font-weight:normal;color:white;background:rgba(255,255,255,.55);padding-top:45%;display:inline-block;text-align: center; }
.descriptionbottomleft{position:absolute;bottom:0px;left:0px;width:40%;font-size:20px;font-weight:normal;color:white;background:rgba(255,255,255,.55);display: inline-block;}
.descriptionbottommiddle{position:absolute;bottom:0px;left:0px;width:100%;font-size:20px;font-weight:normal;color:white;background:rgba(255,255,255,.55);display: inline-block;}
.descriptionbottomright{position:absolute;bottom:0px;right:0px;width:40%;font-size:20px;font-weight:normal;color:white;background:rgba(255,255,255,.55);display: inline-block;}
p.description_content{padding:10px;margin:0px;opacity:1.0 !important;filter:alpha(opacity=100) !important; width:480px;}
h1.heading.img_description_content{font-size:80%;width:100%;padding-left:2px;text-align:left;padding-top:2px;padding-bottom:1px;margin:0px;}
h2.subheading.img_description_content{font-size:60%;width:100%;text-align:left;padding-top:1px;padding-left:2px;margin:0px}
p.description.img_description_content{font-size:60%;width:100%;text-align:left;padding-top:2px;padding-left:2px;margin:0px}
p.stats.img_description_content{font-size:60%;width:100%;text-align:left;padding-top:2px;padding-left:2px;margin:0px}
.no-gutter{margin-right:0 !important;margin-left:0 !important}
.notvisible{display:none !important}
.bannernotvisible{background-color:transparent !important}
.light{color:#fff !important;opacity:1.0 !important;filter:alpha(opacity=100) !important}
.dark{color:#000 !important;opacity:1.0 !important;filter:alpha(opacity=100) !important}
.starplayer{color:yellow !important;opacity:1.0 !important;filter:alpha(opacity=100) !important}
.lazyImage{ cursor: pointer;}
.hidden{display:none !important}

/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.shuffler,
.shuffler .lazyImage {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.shuffler {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.shuffler .lazyImage {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.shuffler.no-transition,
.shuffler.no-transition .isotope-item,
.shuffler .lazyImage.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

/* End: Recommended Isotope styles */

#tinydiv{width:600px;margin:0 auto;border:1px solid #ccc;padding:20px 25px;background:#fff}
#tinybox{position:absolute;display:none;padding:10px;background:#fff url(/Images/preload.gif) no-repeat 50% 50%;border:10px solid #e3e3e3;z-index:2000}
#tinymask{position:absolute;display:none;top:0;left:0;height:100%;width:100%;background:#000;z-index:1500;left:0!important;position:fixed!important}
#tinycontent{background:#fff}
.tclose{float:right;position:absolute;top:0;right:0;width:30px;height:30px;cursor:pointer;background:url(/Images/close.png) no-repeat;margin-bottom:50px;z-index:300000}
.tclose:hover{background-position:0 -30px}
#closex{position:absolute;top:-10px;right:-10px;z-index:5000;background-image:url(/Images/close.png);background-repeat:no-repeat;width:24px;height:24px;padding:0;margin:0;cursor:hand;cursor:pointer}
#ctl00_ctl00_cphMaster_cph1_ctrlSelectDeliveryAddress_rblDeliveryOptions label{font-size:.7em!important}
.required_input_text{color:red;font-size:.7em!important}
.it1_cd{width:1em}
.it2_cd{width:2em}
.it4_cd{width:4em}
.it6_cd{width:6em}
.it8_cd{width:8em}
.it10_cd{width:10em}
.it15_cd{width:15em}
.it20_cd{width:20em}
.it25_cd{width:25em}
.it30_cd{width:30em}
.ddlCountry{width:18em;height:20pt;font-size:12pt;padding-left:2px}
.fl{float:left}
.fr{float:right;margin-right:18px!important}
.fcb{clear:both}
.txt-alignl{text-align:left}
.txt-alignc{text-align:center}
.txt-alignr{text-align:right}
.bgWhite{background-color:#fff}
.col-responsiveorWhite{color:#FFF}
.col-responsiveorBlack{color:#000}
.padL2em{padding-left:2em}
.zoom{display:inline-block;position:relative}
.zoom img{display:block}
.zoom img::selection{background-color:transparent}
.home-link{position:absolute;top:0;left:0;width:150px;height:150px;background-color:transparent}
.dd-option-image,.dd-selected-image{width:30px!important;height:30px!important}
.dd-selected-text{line-height:0}
.section-responsive{clear:both;padding:0;margin:0}
.col-responsive{display:block;float:left;text-align:left;margin:1% 0 1% 1%;font-size:1.3em}
.col-responsive:first-child{margin-left:0}
.group-responsive:before,.group-responsive:after{content:"";display:table}
.group-responsive:after{clear:both}
.group-responsive{zoom:1}
.span_2_of_responsive{width:100%}
.span_1_of_responsive{width:33.5%}
@media only screen and (max-width: 480px) {
.col-responsive{margin:1% 0;font-size:1.5em}
.span_2_of_mydetails{width:100%}
.span_1_of_responsive{width:100%}
#Register{width:95%!important}
.btnUpt{margin-bottom:50px}
.col-responsive input[type='text'],.col-responsive input[type='email'],.col-responsive input[type='password']{width:80%!important}
.required-input-text{font-size:13px!important}
}
.required-input-text{color:red;font-size:25px;position:absolute}
.ddlCountry{width:90%;height:40px;border:2px solid}
.col-responsive input[type='text'],.col-responsive input[type='email'],.col-responsive input[type='password']{width:90%;padding:15px 25px;font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;font-weight:400;font-size:16px;color:#9D9E9E;text-shadow:1px 1px 0 rgba(256,256,256,1.0);background:#FFF;border:1px solid #FFF;border-radius:5px;box-shadow:inset 0 1px 3px rgba(0,0,0,0.50);-moz-box-shadow:inset 0 1px 3px rgba(0,0,0,0.50);-webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,0.50)}
.col-responsive input[type='text']:focus,.col-responsive input[type='email']:focus,.col-responsive input[type='password']:focus{background:#DFE9EC;color:#414848;box-shadow:inset 0 1px 2px rgba(0,0,0,0.25);-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.25);-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.25);outline:0}
.col-responsive input[type='text']:hover,.col-responsive input[type='email']:hover,.col-responsive input[type='password']:hover{background:#DFE9EC;color:#414848}
.col-responsive input[type='radio'],input[type='checkbox']{margin:5px;height:auto;-ms-transform:scale(1.5);-moz-transform:scale(1.5);-webkit-transform:scale(1.5);-o-transform:scale(1.5);padding:10px;border:none!important}
.btnAlpha{background-color:#f3f3f3;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#f3f3f3),color-stop(50%,#ddd),color-stop(50%,#d2d2d2),color-stop(100%,#dfdfdf));background-image:-webkit-linear-gradient(top,#f3f3f3 0%,#ddd 50%,#d2d2d2 50%,#dfdfdf 100%);background-image:-moz-linear-gradient(top,#f3f3f3 0%,#ddd 50%,#d2d2d2 50%,#dfdfdf 100%);background-image:-ms-linear-gradient(top,#f3f3f3 0%,#ddd 50%,#d2d2d2 50%,#dfdfdf 100%);background-image:-o-linear-gradient(top,#f3f3f3 0%,#ddd 50%,#d2d2d2 50%,#dfdfdf 100%);background-image:linear-gradient(top,#f3f3f3 0%,#ddd 50%,#d2d2d2 50%,#dfdfdf 100%);border-right:1px solid #dfdfdf;border-bottom:1px solid #b4b4b4;border-right:1px solid #dfdfdf;border-radius:5px;-webkit-box-shadow:inset 0 1px 0 0 white,0 1px 0 0 #d5d5d5,0 -1px 2px 1px #efefef;box-shadow:inset 0 1px 0 0 white,0 1px 0 0 #d5d5d5,0 -1px 2px 1px #efefef;color:#666;font:bold 12px/1 arial;margin:0;padding:7px 10px;text-shadow:0 1px 1px #fff;width:auto}
.btnAlpha:hover{background-color:#e5e5e5;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#e5e5e5),color-stop(50%,#d1d1d1),color-stop(50%,#c4c4c4),color-stop(100%,#b8b8b8));background-image:-webkit-linear-gradient(top,#e5e5e5 0%,#d1d1d1 50%,#c4c4c4 50%,#b8b8b8 100%);background-image:-moz-linear-gradient(top,#e5e5e5 0%,#d1d1d1 50%,#c4c4c4 50%,#b8b8b8 100%);background-image:-ms-linear-gradient(top,#e5e5e5 0%,#d1d1d1 50%,#c4c4c4 50%,#b8b8b8 100%);background-image:-o-linear-gradient(top,#e5e5e5 0%,#d1d1d1 50%,#c4c4c4 50%,#b8b8b8 100%);background-image:linear-gradient(top,#e5e5e5 0%,#d1d1d1 50%,#c4c4c4 50%,#b8b8b8 100%);-webkit-box-shadow:inset 0 1px 0 0 #f2f2f2,0 1px 0 0 #c9c9c9,0 -1px 2px 1px #e3e3e3;box-shadow:inset 0 1px 0 0 #f2f2f2,0 1px 0 0 #c9c9c9,0 -1px 2px 1px #e3e3e3;cursor:pointer}
.btnAlpha:active{-webkit-box-shadow:inset 0 0 30px 0 #999999,0 1px 0 0 #fff;box-shadow:inset 0 0 30px 0 #999999,0 1px 0 0 #fff}
.ui-resizable-se{right:5px!important}
.txtComments,.ddlReturnActions,.tbFaulty,.tbWrong,.tbNotNeeded{border:1px solid #c4c4c4;border-radius:5px}
.txtComments{overflow:hidden;width:70px;height:30px}
.ui-dialog-titlebar-close:hover {
    z-index: 99;
    position: absolute !important;
    right: 3em !important;
    top: 50% !important;
    margin: -10px 0 0 0 !important;
    padding: 1px !important;
}
.ui-dialog-titlebar-close {
    right:3em !important;
}

.sub-size {
    display: block !important;
    font-weight: bold;
}
.ajax-overlay-wrapper {
    width: 100%;
    margin: 18% auto;
    position: relative;
    display: inline-block;
}
.ajax-overlay {
    top:0;
    left:0;
    background: rgba(0,0,0,0.8);
    z-index: 2147483647;
    overflow: hidden !important;
    position: fixed;/*makes it full screen and persistant on scroll*/
    width: 100%;
    height: 100%;

}
.ajax-loading-img 
{
    display: block; 
    margin: 0 auto;
    background :url(/Images/ajax-loading.gif);
    background-position:center;
    background-repeat:no-repeat;
    background-size:100% 100%;
    width: 150px;
    height: 150px;
}
.ajax-overlay-text 
{
    color:#fff;
    font-size:1.5em;
    width:100%;
    text-align:center;
    display: block;
}

.ajax-overlay-image-wrapper {
    display: inline-block;
    width:100%;
    height: 100%;
}
/*UPS */
.upsIframe {
    width: 100%;
    height: 1000px;
    border: none;
}
.ups-header-wrap {
    display:inline-block;
}

.ups-collection-wrap {
    padding-top: 10px;
    max-width: 1000px;
    margin: 0 auto;
}

@media screen and (max-width: 60.0625em) {
    .ups-collection-wrap {
    padding-top: 90px;
    }
}

.prWrap
{
    height: 100%;
    margin: 0 auto;
    width: 100%;
    top: 0px;
    float: left;
    position: absolute;
    background: rgba(0,0,0,0.7);
}

.prmain
{
    width: 80%;
    margin: 0 auto;
    text-align: center;
}
.prmain-img 
{
    margin: 0 auto;
    width: 400px;
}

.ui-dialog .ui-dialog-titlebar-close
{
    width:19px !important;
}
#errorMessageContentWrapper {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    float: left;
    background: rgba(0,0,0,0.5);
}
#errorHeadingWrapper {
    margin: 10% auto;
}
#lblPricePromo {
    color: #fff;
    background-color: #ff0000;
    padding: 20px;
    border-radius: 100px;
    position: relative;
    float: right;
    top: 0px;
    display: inline-block;
}
.promo-wrap {
    color: #fff;
    background-color: #ff0000;
    
    top: 0px;
    width: 100%;
    left: 0px;
    position: absolute;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0px, 0px, 0px, 0px);
    border: 0;
}
.gaShopHeader {
    padding-top: 20px;
}
.infobox .close{z-index:10;}

.staff-popup a {
    position: fixed;
    background-color: #337ab7;
    bottom: 0px;
    left: 0px;
    padding: 6px 12px;
    z-index: 10000;
    border-top-right-radius: 3px;
    border: 1px solid #2e6da4;
    color: #fff;
    text-decoration:none;
}

    .staff-popup a:hover {
        color: #fff;
        background-color: #286090;
        border-color: #204d74;
    }

    .staff-popup a:focus {
        color: #fff;
        background-color: #286090;
        border-color: #122b40;
    }