/*
* Skeleton V1.1
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 8/17/2011
*/


/* Table of Contents
==================================================
    #Base 960 Grid
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)


    This file contains more complex styles that will be optimised to fit better on smaller devices.

*/



/* #Base 960 Grid
================================================== */

    .container                                  { max-width:1000px; margin: 0 auto;}
    .insidecontainer                            { width: 1000px; float:left; background: transparent; margin: 0 auto; min-height: 670px; padding: 20px 0px 20px 0px;}
    .column, .columns                           { float: left; display: inline; margin-right: 40px; }
    .marginnone {margin-right:0 !important;}

        h1, h2, h3, h4, h5, h6, p {max-width:100%;}

        img {
            max-width: 100%;
            margin: 10px 0 10px 0;
        }

        .container .one.column,
        .container .one.columns                     { width: 330px; }
        .container .two.columns                     { width: 306px; }
        .container .three.columns                   { width: 222px; }
        .container .four.columns                    { width: 182px; }
        .container .five.columns                    { width: 212px; }
        .container .six.columns                     { width: 353px; }
        .container .seven.columns                   { width: 479px; }
        .container .eight.columns                   { width: 617px; }
        .container .nine.columns                    { width: 700px; }
        .container .ten.columns                     { width: 780px; }
        .container .eleven.columns                  { width: 746px; }
        .container .twelve.columns                  { width: 940px; }
        .container .thirteen.columns                { width: 1009px; }
        .container .fourteen.columns                { width: 1100px; }
        .container .fifteen.columns                 { width: 156px; }
        .container .sixteen.columns                 { width: 1000px; }
        .container .seventeen.columns               { width: 484px; }
        .container .eighteen.columns                { width: 168px; }
        
        /* Header */
        
        header {
            width:100%;
            min-height:110px;
            margin: 0 auto;
            background:white;
        }
        
        .contact-bar {
            background:#253F9C;
            color:white;
            float:left;
            width:100%;
        }
        
        .contact-bar p:first-of-type {
            float:left;
        }
        
        .contact-bar p:last-of-type {
            float:right;
        }
        
        .contact-bar a,
        .contact-bar a:hover {
            color:white;
            text-decoration:none !important;
        }
        
        .header-area {
			float: left;
			width: 100%;
			min-height: 40px;
			background: #fffcfc;
        }
        
        .header-contact-info {
        	float:right;
			margin-top: 20px;
			background:#efefef;
			padding:10px;
        }
        
        .header-contact-info img {
        	float:left;
        	margin:0px 10px 0 0;
        }
        
        .header-contact-info div {
			float: left;
			display: block;
			clear: both;
        }
        
        .header-contact-info div:first-of-type {
        	margin-bottom:10px;
        }
        
        .header-contact-info p {
        	float:left;
        	margin: 3px 0px 0 0px !important;
        }
        
        .header-contact-info p,
        .header-contact-info a,
        .header-contact-info a:hover {
        	color: #333333;
        }
        
        .shoppingCartStatus {
			clear: none !important;
			margin: 3px 0px 10px 0px;
        }
        
        .header-img {
            float:left;
            width:100%;
            padding-bottom: 5px;
            text-align:center;
        }
        
        .logo {
            float: left;
            display: inline-block;
        }

        .logo img {
            margin:8px 0 0 0;
        }
        
        .logo h1 {
            margin: 20px 10px 0 10px !important;
            font-family:'Domine', arial, sans-serif;
            font-size: 1.7em !important;
            line-height: 29px !important;
        }
        
        .logo h1,
        .logo a {
            color: #253F9C;
            text-decoration: none;
        }
        
        .logo h1:hover {
            color:#666 !important;
        }
        
        .logo p {
            margin-top: 0;
            font-style: italic;
            color: #000;
            font-family: georgia, sans-serif;
        }
        
        .header-area-bottom {
			float: left;
			width: 100%;
			background:rgba(255,255,255,0.6);
			border-top: 1px solid #DEDEDE;
			padding: 10px 0;
        }
        
        .header-area-below {
            width:100%;
            float:left;
            background:#000000;
        }
        
        .header-area-right {
            float:right;
        }
        
        .header-area-search {
            float:left;
        }
        
        .header-area-search .search {
        	float:none;
            margin-top: 9px;
            margin-right: 10px;
        }
        
        .contact-box {
            float:right;
            background:#000000;
            color:#fff;
        }
        
        .contact-box p {
            line-height: 10px;
            padding: 0 13px;
            font-weight:bold;
        }
        
        .contact-box a[href^=tel] { color: #fff;}
        
        .header-area-bottom-social {
        	float:right;
        }
        
        .header-area-bottom-social .socialMedia {
			float: none;
			clear: none;
			margin-bottom:0;
		}
		
		.header-area-bottom-social .socialMedia li {
			margin-bottom:0;
		}
        
        .menuarea {
			max-width: 100%;
            float:left;
			margin-top: 0;
			margin-left:10px;
			min-height: 40px;
        }
        
        .header-shopping-cart {
            background-color: #F6F6F6;
            padding: 10px 0 10px 0;
            width: 100%;
            float: left;
            text-align: right;
        }
        
        .shopping {
            background: #fff;
            border-bottom:1px solid #253F9C;
            min-height: 44px;
            width: 100%;
            position: relative;
            float: left;   
        }
    
        .cart_andCheckout {
            float:right; 
            width: auto;
            clear:none;
            position: relative;
            z-index: 100;
            padding-top: 5px;
        }
            
        .shopping .cartItems {
            float: left;
            clear: right;
            margin-top: 10px;
            font-size: 0.8em;
        }
            
        .cartItems .number,
        .cart-total .number{
            font-size: 16px; 
            font-weight: bold; 
            padding: 0px 3px;
            color: #ff0008;
        }
            
        .cart-link,
        .checkout-link {
            background: #253F9C;
            color: #fff;
            text-decoration: none;
            font-weight: bold;
            height: auto;
            padding: 3px 14px;
            width: auto;
            display: block;
            float: left;
            margin-right: 10px;
        }
        
        .checkout-link {
            margin-right:0 !important;
        }
            
        .cart-link:hover,
        .checkout-link:hover {background:#2A2A2A; color:#fff;}
            
        header .cartItemsCount {
            font-size: 15px !important;  
            line-height: 15px;  
            color: #ff0008;    
            font-weight: 100;
            margin: -1px 7px 0 0;
            padding: 6px 10px;      
            -moz-border-radius: 4px;
            -webkit-border-radius: 4px;
            border-radius: 4px; 
            border: 10px solid #efefef;
            width: 19% !important;  
            text-align: center !important;
            background: #e3e3e3; 
        }
        
        /* End Header */
        
        
        /* Main Content */
        
        .container .imageElement img,
        .container .textElement img {
            transition:all 0.3s ease;
        }
        
        .container .imageElement img:hover,
        .container .textElement img:hover {
            opacity:0.5;
        }
        
        .imageElement .imgDescription a {
            padding: 10px;
            width: 100%;
            background: #253F9C;
            color: #fff;
            display: block;
            font-weight: bold;
            transition:all 0.3s ease;
        }
        
        .imageElement .imgDescription a:hover {
            background:#2A2A2A;   
        }
        
		/* CSS to fix slideshow */
		
		.top-image .sldw_caption {
		    position:absolute;
		}
		
		.top-image .caption::before {
		    position:relative;
		}
		
		.top-image .caption {
		    margin-top:0;
		}
		
		.top-image .caption::before {
		    background:transparent !important;   
		}
		
		/* End */
        
        .sidebar h2 {
            font-size: 1.4em !important;
        }
        
        .sidebar .home-thumb-3 .button {
            font-size: 0.8em !important;
        }
        
        .flexy-menu li.travel-menu ul {
            background:#42ABD9 !important;
        }
        
        .flexy-menu li.travel-menu ul li a {
            color:#fff !important;
        }
        
        .flexy-menu li.travel-menu ul li a:hover {
            color:#333 !important;
        }
        
        .travel-page .insidecontainer .container h2,
        .travel-page .insidecontainer a {
            color:#42ABD9 !important;
        }
        
        .travel-page .insidecontainer a:hover {
            color:#000 !important;
        }
        
        .travel-page .top-image .imgDescription {
            background:rgba(66,171,217,0.9);
        }
        
        .travel-page .sectionMenu {
            background: #F7FBFF;
        }
        
        .travel-page .sectionMenu li:hover,
        .travel-page .sectionMenu li.selectedPage {
            background: #F7FBFF !important;
        }
        
        .travel-page .sectionMenu li a {
            color: #42ABD9;
        }
        
        .travel-page .sectionMenu li a:hover {
            color: #333 !important;
        }
        
        .travel-page .sectionMenu li {
            border-bottom: 1px solid #42ABD9;
        }
        
        .travel-page .submitButton {
            background:#42ABD9;
        }
        
        .travel-page .colour {
            color:#42ABD9 !important;
        }
        
        .travel-page .separator {
            background:#42ABD9;
        }
        
        .travel-page .sectionMenu li.selectedPage a,
        .travel-page .sectionMenu li.selectedPage a:hover {
            color:#333 !important;
        }
        
        .feature-list {
            
        }
        
        .feature-list ul {
            padding:0 !important;
            margin-top: 20px !important;
            background: white;
        }
        
        .feature-list ul li {
            padding: 10px 20px !important;
            text-indent: 0 !important;
        }
        
        .feature-list ul li:before {
            display:none;
        }
        
        .feature-list ul li:nth-of-type(even) {
            background:#E0EEDC;   
        }
        
        .caption {
            margin-top:20px;
            position: relative;
            overflow: hidden;
            text-align:center;
        
            /* Only the -webkit- prefix is required these days */
            -webkit-transform: translateZ(0);
                    transform: translateZ(0);
        }
        
        .caption::before {
            content: ' ';
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: transparent;
            transition: background .35s ease-out;
        }
        
        .caption:hover::before {
            background: rgba(0, 0, 0, .5);
        }
        
        .caption__media {
            display: block;
            min-width: 100%;
            max-width: 100%;
            height: auto;
            margin:0;
        }
        
        .caption__overlay {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            padding: 10px;
            color: white;
        
            -webkit-transform: translateY(100%);
                    transform: translateY(100%);
        
            transition: -webkit-transform .35s ease-out;
            transition:         transform .35s ease-out;
        }
        
                .caption hr {
                    background:#fff;
                    opacity:0.5;
                }
        
        .caption:hover .caption__overlay {
            -webkit-transform: translateY(120px);
                    transform: translateY(120px);
        }
        
        .caption__overlay__title {
            color:#fff !important;
            text-shadow: 1px 1px #020506;
            -webkit-transform: translateY( -webkit-calc(-100% - 40px) );
                    transform: translateY( calc(-100% - 40px) );
        
            transition: -webkit-transform .35s ease-out;
            transition:         transform .35s ease-out;
        }
        
        .caption:hover .caption__overlay__title {
            -webkit-transform: translateY(0);
                    transform: translateY(0);
        }
        
        .home .lower-inside-wrap {
            background:#EEEEEE;
            float:left;
            width:100%;
        }
        
        .home .insidecontainer {
            padding:0 0 40px 0;
        }
        
        .home .insidecontainer:first-of-type {
            padding-bottom:10px;
        }
        
        .fr-video.fr-dvi {
            display: block !important;
        }
        
        .textElement {
            display:inline-block;
            width:100%;
        }
        
        .container .textElement ul {
            display: inherit;
            margin-top:5px;
        }
        
        .offer {
            background: #253F9C;
            float: left;
            width: 100%;
            padding: 0px;
            text-align: center;
            min-height:344px;
        }
        
        .offer h2 {
            padding-top: 20px !important;
            padding-bottom: 15px;
            margin-top: 0 !important;
            margin-bottom: 0px !important;
            background: #253F9C;
            color: #fff !important;
        }
        
        .offer > p:first-of-type {
            background: #eee;
            display: block;
            margin: 0;
            padding: 15px 0;
        }
        
        .offer ul {
            padding-left:0 !important;
            margin:0;
            border-top: 1px solid #CCCCCC
        }
        
        .offer ul li {
            background: #eee;
            padding: 5px !important;
            text-indent: 0em !important;
        }
        
        .offer ul li:before {
            display:none;
        }
        
        .offer ul li:nth-child(even) {
            background-color: #ccc;
        }
        
        .offer .price {
            float: left;
            width: 100%;
            background: #253F9C;
            color: #fff;
            padding: 5px !important;
        }
        
        .offer-below {
            float:left;
            width:100%;
            text-align:center;
        }
        
        .home-thumb-inner .button {
            margin-right:0 !important;
        }
        
        .home-thumb {
            float: left;
            width: 100%;
            height: 209px;
            border: 5px solid #253F9C;
            background-image: url('../img/home-thumb.jpg');
            background-size:cover;
            background-repeat: no-repeat;
            text-align: center;
            color:#000;
            margin-bottom:10px;
        }
        
        .home-thumb-2 {
            float: left;
            width: 100%;
            height: 209px;
            border: 5px solid #253F9C;
            background-image: url('../img/home-thumb-2.jpg');
            background-size:cover;
            background-repeat: no-repeat;
            text-align: center;
            color:#000;
            margin-bottom:10px;
        }
        
        .home-thumb-3 {
            float: left;
            width: 100%;
            height: 209px;
            border: 5px solid #253F9C;
            background-image: url('../img/home-thumb-3.jpg');
            background-size:cover;
            background-repeat: no-repeat;
            text-align: center;
            color:#000;
            margin-bottom:10px;
        }
        
        .home-thumb-5 {
            float: left;
            width: 100%;
            height: 209px;
            border: 5px solid #253F9C;
            background-image: url('http://www.firstartistmission.com/Websites/famission/templates/clientdesign/img/home-thumb-5.jpg');
            background-size:cover;
            background-repeat: no-repeat;
            text-align: center;
            color:#000;
            margin-bottom:10px;
        }
        
        .home-thumb-6 {
            float: left;
            width: 100%;
            height: 209px;
            border: 5px solid #253F9C;
            background-image: url('http://www.firstartistmission.com/Websites/famission/templates/clientdesign/img/home-thumb-6.jpg');
            background-size:cover;
            background-repeat: no-repeat;
            text-align: center;
            color:#000;
            margin-bottom:10px;
        }
        
        .home-thumb-7 {
            float: left;
            width: 100%;
            height: 209px;
            border: 5px solid #253F9C;
            background-image: url('http://www.firstartistmission.com/Websites/famission/templates/clientdesign/img/home-thumb-7.jpg');
            background-size:cover;
            background-repeat: no-repeat;
            text-align: center;
            color:#000;
            margin-bottom:10px;
        }
        
        .home-thumb-8 {
            float: left;
            width: 100%;
            height: 209px;
            border: 5px solid #253F9C;
            background-image: url('http://www.firstartistmission.com/Websites/famission/templates/clientdesign/img/home-thumb-8.jpg');
            background-size:cover;
            background-repeat: no-repeat;
            text-align: center;
            color:#000;
            margin-bottom:10px;
        }
        
        .home-thumb-9 {
            float: left;
            width: 100%;
            height: 209px;
            border: 5px solid #253F9C;
            background-image: url('http://www.firstartistmission.com/Websites/famission/templates/clientdesign/img/home-thumb-9.jpg');
            background-size:cover;
            background-repeat: no-repeat;
            text-align: center;
            color:#000;
            margin-bottom:10px;
        }
        
        .home-thumb-4 {
            float: left;
            width: 100%;
            height: 209px;
            border: 5px solid #253F9C;
            background-color: rgba(250,250,250,0.7);
            background-size: cover;
            background-repeat: no-repeat;
            text-align: center;
            color: #000;
            margin-bottom:10px;
        }
        
        .home-thumb,
        .home-thumb-2,
        .home-thumb-3,
        .home-thumb-4,
        .home-thumb-5,
        .home-thumb-6,
        .home-thumb-7,
        .home-thumb-8,
        .home-thumb-9,
        .golf-button-1,
        .golf-button-2,
        .golf-button-3,
        .golf-button-4,
        .golf-button-5 {
            transition:all 0.3s ease;
        }
        
        .home-thumb:hover,
        .home-thumb-2:hover,
        .home-thumb-3:hover,
        .home-thumb-4:hover,
        .home-thumb-5:hover,
        .home-thumb-6:hover,
        .home-thumb-7:hover,
        .home-thumb-8:hover,
        .home-thumb-9:hover,
        .golf-button-1:hover,
        .golf-button-2:hover,
        .golf-button-3:hover,
        .golf-button-4:hover,
        .golf-button-5:hover {
            box-shadow: inset 0 0 0 10px #253F9C;
        }
        
        .home-thumb h1,
        .home-thumb h2,
        .home-thumb-2 h1,
        .home-thumb-2 h2,
        .home-thumb-3 h1,
        .home-thumb-3 h2,
        .home-thumb-5 h1,
        .home-thumb-5 h2,
        .home-thumb-6 h1,
        .home-thumb-6 h2,
        .home-thumb-7 h1,
        .home-thumb-7 h2,
        .home-thumb-8 h1,
        .home-thumb-8 h2,
        .home-thumb-9 h1,
        .home-thumb-9 h2{
            margin-top:0 !important;
            color:#fff !important;
        }
        
        .home-thumb p {
            margin-bottom:0;
        }
        
        .image-button-1 {
            background-image: url('http://www.firstartistmission.com/Websites/famission/templates/clientdesign/img/book-online-bg.jpg');
            width: 100%;
            background-size: cover;
            font-size: 1.6em;
            text-decoration: none;
            color: #000;
            text-align: center;
            float: left;
            min-height: 90px;
            padding: 30px 20px 20px 20px;
            transition:0.3s;
            -webkit-transition:0.3s;
            font-family:'Open Sans', arial, sans-serif;
            margin-bottom:10px;
        }
        
        .image-button-2 {
            background-image: url('http://www.firstartistmission.com/Websites/famission/templates/clientdesign/img/buy-vouchers-bg.jpg');
            width: 100%;
            background-size: cover;
            font-size: 1.6em;
            text-decoration: none;
            color: #000;
            text-align: center;
            float: left;
            min-height: 90px;
            padding: 30px 20px 20px 20px;
            transition:0.3s;
            -webkit-transition:0.3s;
            font-family:'Open Sans', arial, sans-serif;
            margin-bottom:10px;
        }
        
        .image-button-3 {
            background-image: url('../img/download-brochure-bg.jpg');
            width: 100%;
            background-size: cover;
            font-size: 1.6em;
            text-decoration: none;
            color: #000;
            text-align: center;
            float: left;
            min-height: 90px;
            padding: 30px 20px 20px 20px;
            transition:0.3s;
            -webkit-transition:0.3s;
            font-family:'Open Sans', arial, sans-serif;
            margin-bottom:10px;
        }
        
        .image-button-1:hover,
        .image-button-2:hover,
        .image-button-3:hover{
            opacity:0.6;
            color:#000;
        }
        
        .home-thumb-inner {
            position: relative;
            display: table;
            width: 100%;
            height: 100%;
            left: 0;
            z-index: 8;
        }
        
        .home-thumb-inner-contain {
            padding: 0 20px;
            display: table-cell;
            vertical-align: middle;
        }
        
.golf-button-inner {
            position: relative;
            display: table;
            width: 100%;
            height: 100%;
            left: 0;
            z-index: 8;
        }
        
        .golf-button-inner-contain {
            padding: 0 20px;
            display: table-cell;
            vertical-align: bottom;
        }
        
        .golf-button-1 {
            float: left;
            width: 100%;
            height: 159px;
            background-color:#F5F5F5;
            border: 3px solid #253F9C;
            background-position: center;
            background-image: url('../img/golf-button-1.jpg');
            background-size:cover;
            background-repeat: no-repeat;
            text-align: center;
            color:#fff;
            margin-bottom:10px;
        }
        
        .golf-button-2 {
            float: left;
            width: 100%;
            height: 159px;
            background-color:#F5F5F5;
            border: 3px solid #253F9C;
            background-position: center;
            background-image: url('../img/golf-button-2.jpg');
            background-size:cover;
            background-repeat: no-repeat;
            text-align: center;
            color:#fff;
            margin-bottom:10px;
        }
        
        .golf-button-3 {
            float: left;
            width: 100%;
            height: 159px;
            background-color:#F5F5F5;
            border: 3px solid #253F9C;
            background-position: center;
            background-image: url('../img/golf-button-3.jpg');
            background-size:cover;
            background-repeat: no-repeat;
            text-align: center;
            color:#fff;
            margin-bottom:10px;
        }
        
        .golf-button-4 {
            float: left;
            width: 100%;
            height: 159px;
            background-color:#F5F5F5;
            border: 3px solid #253F9C;
            background-position: center;
            background-image: url('../img/golf-button-4.jpg');
            background-size:cover;
            background-repeat: no-repeat;
            text-align: center;
            color:#fff;
            margin-bottom:10px;
        }
        
        .golf-button-5 {
            float: left;
            width: 100%;
            height: 159px;
            background-color:#F5F5F5;
            border: 3px solid #253F9C;
            background-position: center;
            background-image: url('../img/golf-button-5.jpg');
            background-size:cover;
            background-repeat: no-repeat;
            text-align: center;
            color:#fff;
            margin-bottom:10px;
        }
        
        .golf-button-inner-contain h2 {
            font-size: 1.1em !important;
            color: #fff !important;
            line-height: 20px !important;
            background: rgba(73,153,51,0.8);
            padding: 8px 0px;
            margin-bottom: 20px !important;
        }
        
        .golf-button-inner-contain h2 a {
            text-decoration:none;   
        }
        
        /*
        
            .home .top-image {
                background-image:url('../img/home-image.jpg');
                height:500px;
                font-family: 'Open Sans', arial, sans-serif;
            }
            
            .home .top-image .element {
                position: relative;
                display: table;
                width: 100%;
                height: 100%;
                left: 0;
                z-index: 8;
            }
            
            .home .top-image .element .textElement {
                padding: 0 30px;
                display: table-cell;
                vertical-align: middle;
            }
            
            .home .top-image .element .textElement h1,
            .home .top-image .element .textElement h2 {
                text-align: center;
                color: white;
                text-shadow: 1px 1px #000;
                font-size: 4em;
                line-height: 80px;
            }
            
        */
        
        .sldw_caption h3 .button:hover {
            color:#fff !important;
            background:#253F9C;
        }
        
        .home .insidecontainer,
        .home .insidecontainer{
            min-height:0px;
        }
        
		.top-image .sldw_caption {
			left: 50%;
			margin-left: -320px;
			top: 55%;
			-webkit-transform: translateY(-55%);
			-ms-transform: translateY(-55%);
			transform: translateY(-55%);
			max-width: 620px;
			background-image: none !important;
			background-color: transparent;
		}
		
        .top-image .sldw_caption h1,
        .top-image .sldw_caption h3 {
            text-align: center;
            font-weight:400;
            font-size: 39px;
            color: #fff;
            font-family: 'Domine', arial, sans-serif;
            text-decoration: none;
            margin: 0;
            padding: 15px;
            text-shadow: 0px 1px 9px rgba(0, 0, 0, 1);
        }
        
        .top-image .sldw_caption p {
            text-align: center;
            font-weight:400;
            color: #fff;
            font-family: 'Domine', arial, sans-serif;
            text-decoration: none;
            margin: 0;
            padding: 15px;
            text-shadow: 0px 1px 9px rgba(0, 0, 0, 1);
        }
		
		.top-image .sldw_caption h1,
		.top-image .sldw_caption h3,
		.top-image .sldw_caption a,
		.top-image .sldw_caption a:hover {
			color:#fff !important;
		}
		
		.sldw_caption h1 .button,
		.sldw_caption h3 .button {
            font-size:0.5em !important;
        }
		
		.insidecontainer .sldw_caption {
			left: 30px;
			max-width: 340px;
			bottom: 40px;
			background-image: none !important;
			background-color: #253F9C !important;
		}
		
		.insidecontainer .sldw_caption h1,
		.insidecontainer .sldw_caption h3,
		.insidecontainer .sldw_caption a,
		.insidecontainer .sldw_caption a:hover {
			color:#fff !important;
		}
		
		.below-top-image {
	        margin: 0 auto;
            width: 792px;
		}
		
		.home-block {
            float: left;
            margin: 0px 0 0 0;
            width: 100%;
            padding: 40px 20px;
            background-color: #253F9C;
            background-image: url('http://www.firstartistmission.com/Websites/famission/templates/clientdesign/img/home-block-bg.jpg');
            background-repeat: no-repeat;
            background-position: center right;
            text-align:center;
            color:white;
		}
		
		.home .home-block {
            background-color: #253F9C;
            background-image:none;
		}
		
		.home-block-2 {
            float: left;
            margin: 20px 0 0 0;
            width: 100%;
            padding: 110px 20px;
            background-color: #fff;
            background-image: url('../img/bottom-home.jpg');
            background-repeat: no-repeat;
            background-position: bottom left;
            text-align:center;
            color:white;
		}
		
		.home-block h1,
		.home-block h2,
		.home-block p,
		.home-block a,
		.home-block a:hover,
		.home-block-2 p,
		.home-block-2 a {
		    color:#fff !important;
		}
		
		.home-block-2 .sixteen {
		    margin-bottom:30px;
		}
		
		.home-block-2 .title {
		    margin-top: 0px !important;
            font-size: 2.5em;
            line-height: 50px;
		}
        
        .dynamic-sitemap .insidecontainer ul {
            margin-left:15px;
        }
        
        .dynamic-sitemap .insidecontainer ul li.hasChildren > a {
            font-weight:bold;
        }
        
        .dynamic-sitemap .insidecontainer ul li:before {
            content: "• ";
            font-size:1.2em;
            padding-right: 5px;
            color: #253F9C; /* or whatever color you prefer */
        }
        
        .home .highlights.darkgreen .formTitle,
        .home .highlights.darkgreen .formDescription {
            color:#fff !important;
        }
        
        .home .highlights.darkgreen .colour {
            color:#fff !important;
        }
        
        .home .highlights.darkgreen .button,
        .home .highlights.darkgreen .button:hover {
            background:#fff !important;
            color:#253F9C !important;
        }
        
        .home .highlights.darkgreen .textElement ul li:before {
            color:#fff !important;
        }
        
        hr {
            border:0;
            background:#253F9C;
            height:1px;
        }
        
        .pagenav {
        	background:transparent !important;
        }
        
        .pagenav li {
			border-bottom: 0 !important;
			width: 326px;
			margin-right: 10px;
			float: left;
        }
        
        .pagenav li:hover {
        	background:transparent !important;
        }
        
        .pagenav li a {
            padding: 5px !important;
            margin-bottom: 7px;
            background: #253F9C;
            color: white !important;
            text-decoration: underline !important;
            text-align:center;
            border-radius:5px;
            -webkit-border-radius:5px;
            -mox-border-radius:5px;
            box-shadow: 0px 2px 0px #000;
        }
        
        .pagenav li a:hover {
            background:#333333;
        }
        
        .pagenav li:nth-of-type(3n+0) {
            margin-right:0;
        }
        
        .imagewrap .eleven.columns .imageElement img {
            float:left;
            width:200px !important;
            padding-right:10px;
            margin-top:0;
        }
        
        .imagewrap .eleven.columns .imgDescription {
            display: table;
            height: 70px;
        }
        
        .imagewrap .eleven.columns .imgDescription p {
            margin-top:0 !important;
            display: table-cell;
            vertical-align: middle;
        }
        
        .imagewrap .eleven.columns .imageElement {
            min-height:70px;
            margin-bottom:20px;
            float:left;
        }
        
        .imagewrap .imageElement {
            float: left;
            width: 100%;
            clear:both;
        }
        
        .home .top-image .imgDescription h1,
        .home .top-image .imgDescription h2,
        .home .top-image .imgDescription h3,
        .home .top-image .imgDescription h4,
        .home .top-image .imgDescription h5 {
            text-shadow: 1px 1px 3px #000;
        }
                
        .home .top-image .imgDescription {
            top: 305px;
            background: none;
        }
        
        .home .top-image .imgDescription h1, .home .top-image .imgDescription h2 {
            font-size: 2.2em;
            line-height: 40px !important;
        }
        
		.top-image .imgDescription {
            position: absolute;
            top: 250px;
            text-align: center;
            left: 50%;
            margin-left: -400px;
            padding: 15px;
            width: 800px;
            background-color: rgba(0,0,0,0.7);
            color: #fff;
		}
		
		.top-image .imgDescription h1,
		.top-image .imgDescription h2,
		.top-image .imgDescription h3,
		.top-image .imgDescription h4,
		.top-image .imgDescription h5 {
			font-size: 1.2em;
			font-family: 'Domine', arial, sans-serif;
			font-weight:normal !important;
			color: #fff;
			margin: 5px 0;
		}
        
        .file-link-ul li {
            list-style: none !important;
            text-align:left;
        }
        
        .top-image {
        	width:100%;
        	float:left;
        	background:transparent;
        }
        
        .top-image img {
        	margin:0;
        	float:left;
        }
        
        .separator {
            float:left;
        	width:100%;
        	height:4px;
        	background:#253F9C;
        	margin:30px 0;
        }
        
        .dynamic-shoppingcart p.button:hover {
            background:#253F9C;
        }

        .bgpage .insidecontainer {
            padding: 40px 40px 40px 40px;
            margin-top: 20px;
            margin-bottom:20px;
        }
        
        .bgpage.bg1 {
            background-size: cover;
            background-attachment: fixed;
            background-image: url('http://www.firstartistmission.com/Websites/famission/templates/clientdesign/img/bg1.jpg');
            background-repeat: no-repeat;
        }
        
        .image-area {
            width:1000px;
            margin: 0 auto;
            padding: 20px 0;
            display:block;
            background-color:rgba(250,250,250,0.9);
            overflow-y:hidden;
        }
        
        .image-area .title {
			font-size: 1.8em;
			line-height: 45px;
        }
        
		.highlights {
			background: #efefef;
			padding: 10px 20px 10px 20px;
			margin-top: 0px;
    		margin-bottom: 20px;
		}
		
		.highlights.darkgreen {
			background: #253F9C;
		}
		
        .highlights.darkgreen .textElement,
        .highlights.darkgreen .postBody,
        .highlights.darkgreen .imgDescription {
            color: #fff;
        }
		
		.highlights.darkgreen .title,
		.highlights.darkgreen a,
		.highlights.darkgreen a:hover,
		.highlights.darkgreen .blogList h2 a {
		    color:#fff !important;
		}
		
		.highlights.darkgreen .blogList .postInfo {
			background: #fff;
    		color: #253F9C;
		}
		
		.pagination li.page a,
		.pagination li.page a:hover,
		.pagination li.next a,
		.pagination li.next a:hover,
		.pagination li.prev a,
		.pagination li.prev a:hover {
			color:#999 !important;
		}
        
        .sidebar {
            margin-left: 40px;
            margin-right:0;
            float: right;
        }
        
        .navclear {
            width: 746px;
            float: left;
        }
        
        .productListing li {
            list-style:none !important;
        }

        .productListing li span.productPriceContainer span.productPrice {
            padding-bottom:0;
        }
        
        li.product {
            background: #F6F6F6;
            padding: 20px 20px 0px 20px;
        }
        
        .productFeaturedImage {
            margin: 0;
        }
        
        .productListing li span.productImageContainer {
        	max-width:250px;
        }
        
        .productListing.productListingGrid li span.productImageContainer {
        	max-width:180px;
        }
        
        .productListing li span.productDescription {
        	margin-bottom: 10px;
        }
        
        .productTitle {
            font-family: 'Open Sans', arial, sans-serif !important;
            text-transform: none !important;
            font-size: 1.2em !important;
            margin-bottom: 10px !important;
        }
        
        div.productDetailDescriptionContainer {
            width: 680px;
            float: right;
        }

        .dynamic-productdetail .addthis_sharing_toolbox {
            float:right;
            width:679px;
        }
        
        .productAddToCart,
        .productDetailAddToCart {
            color: #fff !important;
            font-size: 1em !important;
            background:#253F9C;
            padding: 10px 10px 10px 10px;
            text-decoration: none;
            display: inline-block;
            margin: 10px 10px 10px 0;
            border: 0;
        }
        
        .productAddToCart:hover,
        .productDetailAddToCart:hover {
            background:#253F9C !important;
            color:#fff !important;
        }
        
        .productPriceContainer {
            padding-top: 15px;
        }
        
        .productDetailImage,
        .productDetailPriceContainer {
            margin: 0 !important;
        }
        
        .productDetailDescriptionContainer {
            background: #F6F6F6;
            padding: 15px 15px 10px 15px;
            margin-bottom: 20px;
        }
		
		.productListing.productListingGrid li {
			clear: none;
		}
		
		.productListing.productListingGrid li {
			width: 48%;
			margin: 0 10px 20px 0;
			padding: 12px;
		}
		
		.productListing.productListingGrid li span.productImageContainer {
			margin: 0;
			padding-bottom:0px;
		}
		
		.productListingGrid h3.productTitle {
			font-size:0.9em !important;
			line-height: 20px;
		}
		
		.productListingGrid .productPriceContainer {
			margin-bottom:0 !important;
		}
		
        .productListingGrid .productAddToCart,
        .productListingGrid .productDetailAddToCart {
            color: #fff !important;
            font-size: 1em !important;
            background:#253F9C;
            text-decoration: none;
            display: block;
            width:100%;
            margin: 5px 0 0 0 !important;
            border: 0;
        }
		
		.productListingGrid .productSelectOptions {
            display: block;
            text-align: center;
            margin-top: 5px;
            padding: 6px;
            font-size: 1em;
            font-family: inherit;
            width:100%;
		}

		table.cartItems td {
			border:0 !important;
		}
		
		.shoppingCartContainer .shoppingCart table tbody td {
			border-bottom: 1px solid #d6d6d6 !important;
		}

        div.pagination ul {
            background:white;
            margin-top:5px !important;
            float:left !important;
        }
        
        .photoGalleryElement .thumbShadow {
            margin: 0 8px 12px 2px;
        }
        
        .photoGalleryElement .thumbnail .thumbContents {
            border:0 !important;
        }
        
        .photoGalleryElement .thumbnail {
            max-width:360px;
        }
        
		.photoGalleryElement .thumbnail img {
			margin-bottom: 0px;
			margin-top: 1px;
		}
        
        .photoGalleryElement .thumbShadow .thumbContents p,
        .photoGalleryElement .thumbnail p {
            font-family:'Open Sans', arial, sans-serif;
            color:#000;
            font-size:1.1em;
            line-height:20px;
        }
        
        .photoGalleryElement .thumbShadow .thumbContents p a,
        .photoGalleryElement .thumbnail p a {
            color:#000;
        }
        
		.photoGalleryElement .thumbnail .thumbContents {
			background-color: #F6F6F6;
		}
        
        .SlideShowImage img {
            width: 100%;
        }
        
		/* graphical - event list */
			.eventsCalendar table {
			border: none;
			border-color: #fff;
			width: 100%;
			border-collapse: collapse;
		}

		.calendarDay,
		.calendarToday,
		.calendarDayHeader,
		.calendarTitle td,
		.calendarWeekendDay,
		.calendarOtherMonthDay {
			width:13% !important;
			padding: 2px;
			border: 1px solid #fff;
			text-align: center;
			vertical-align: top;
			background: #fff !important;
			padding: 5px;
			border-bottom: 1px solid #f4f4f4;
		}

		/* top bar with current month and next/previous buttons */
		.calendarTitle td {
			text-align: center;
			color: #fff !important;
			font-weight: bold !important;
			background: #253F9C !important;
			font-size: 12px;
			line-height: 16px;
			text-transform: uppercase;
			letter-spacing: 2px;
			height: 27px;
		}

		.calendarNextPrevious {
			color: #fff !important;
			font-weight: bold;
			padding: 0 !important;
		}

		.calendarNextPrevious a {
			color: #fff !important;
		}

		/* next/previous arrows */
			.calendarNextPrevious a[title="Go to the previous month"] {
			display: block;
			background: url('../img/icon-arrow-left.png') 0 0 no-repeat;
			text-indent: -9999px;
			border: 0;
			height: 27px;
		}

		.calendarNextPrevious a[title="Go to the next month"] {
			display: block;
			background: url('../img/icon-arrow-right.png') 100% 0 no-repeat;
			text-indent: -9999px;
			border: 0;
			height: 27px;
		}

		/* m-f bar */
		.calendarDayHeader {
			color: #253F9C;
			background: #fff;
			font-weight: bold;
			text-align: center;
			padding: 4px 2px;
			text-transform: uppercase;
			border-bottom: 1px solid #f4f4f4;
		}

		/* current day */
		.calendarToday,
		.calendarToday a {
			font-weight: bold;
		}

		/* weekends */
		.calendarWeekendDay {
			color: #898989 !important;
		}

		.calendarDay {
			color: #898989 !important;
		}
		
		.calendarToday {
			color: #253F9C;
		}

		/* previous or next months days on current months calendar */
		.calendarOtherMonthDay {
			color: #898989;
		}
		
		.eventsCalendar table td {
			border:0 !important;
			border-bottom: 1px solid #f4f4f4 !important;
		}
        
        /* End Main Content */
        
        
        /* Footer */
        
        .footer-links {
            float: left;
            background: #F5F5F5;
            width: 100%;
            margin-bottom: 30px;
            color:#253F9C;
            text-align:center;
        }
        
        .footer-links ul li {
            display:inline-block;
        }
        
        .footer-links ul li::after { 
            content: " - ";
        }
        
        .footer-links ul li:last-child:after {
            content: '';
        }
        
        .footer-left,
        .footer-right,
        .below-footer {
        	font-size:0.9em;
        }
        
        .footer-left {
            float:left;
            width:560px;
        }
        
        .footer-left h2 {
        	font-size:1.4em !important;
        	margin-top:0 !important;
        	color:#fff !important;
        }
        
        .footer-left h1,
        .footer-left p,
        .footer-left a,
        .footer-left a:hover,
        .footer-right p,
        .footer-right a,
        .footer-right a:hover {
            color:#fff !important;
        }
        
        .footer-right {
            float:right;
            width:430px;
            text-align:right;
        }
        
        .card-logos {
            float:right;
            clear:both;
            width:100%;
        }
        
        .card-logos li {
            display:inline-block;
        }
        
        .footer-menu {
            display:inline-block;
            width:100%;
            color:#fff;
            margin-top:0;
        }
        
        .footer-menu li {
            display: inline-block;
            list-style:none !important;
        }
        
        .footer-menu li a {
            color:#fff !important;
            margin-right:5px;
        }
        
        .footer-menu li:after {
            content: "|";
        }
        .footer-menu li:last-child:after {
            content: "";
        }

        footer .search {
            float:right;
        }
        
        .search {
            width:240px;
            float:right;
        }

        .searchButton {
            background:#fff !important;
            color:#253F9C !important;
            margin-top: 2px !important;
            padding: 2px 12px 3px 12px !important;
            font-size: 0.8em !important;
        }
        
        .searchInput {
            width: 160px;
            border: 1px solid #dedede;
            float:right;
        }
        
        .socialMedia {
            float: right;
            clear:both;
            margin-top: 0;
            margin-bottom: 5px;
        }

        .socialMedia li:last-child {
            margin-right:0;
        }
        
        .fb-like {
            width: 100%;
            float: left;
        }
        
        .below-footer {
        	float:left;
        	width:100%;
        	background:#253F9C;
        }
        
        .below-footer p,
        .below-footer a,
        .below-footer a:hover {
        	color:#fff;
        }
        
        .fca {
            float:left;
            width:100%;
            color:#CDE4C7;
            text-align:center;
        }
        
        .fca p {
            border-top:1px solid #CDE4C7;
            padding-top:20px;
        }
        
        /* End Footer */
        
        .rg-container {
			font-family: Helvetica, Arial, sans-serif;
			font-size: 16px;
			line-height: 1.4;
			margin: 0;
			padding: 1em 0.5em;
			color: #1a1a1a;
        }
		.rg-header {
			margin-bottom: 1em;
		}
		.rg-hed {
			font-weight: bold;
			font-size: 1.4em;
		}
		.rg-dek {
			font-size: 1em;
		}
		.rg-source-and-credit {
			width: 100%;
			overflow: hidden;
		}
		.rg-source {
			margin: 0;
			float: left;
			font-weight: bold;
			font-size: 0.75em;
		}
		.rg-source .pre-colon {
			text-transform: uppercase;
		}

		/* table */
		table.rg-table {
			width: 100%;
			margin-bottom: 0.5em;
			border-collapse: collapse;
			border-spacing: 0;
		}
		table.rg-table * {
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			margin: 0;
			padding: 0;
			border: 0;
			font-size: 100%;
			vertical-align: baseline;
			text-align: left;
		}
		table.rg-table thead {
			border-bottom: 1px solid #ddd;
		}
		table.rg-table tr {
			border-bottom: 1px solid #ddd;
		}
		table.rg-table tr.highlight {
			background: #efefef;
		}
		table.rg-table.zebra tr:nth-child(even) {
			background: #efefef;
		}
		table.rg-table th {
			font-weight: bold;
			padding: 0.35em;
		}
		table.rg-table td {
			padding: 0.35em;
		}
		table.rg-table .highlight td {
			font-weight: bold;
		}
		table.rg-table th.number, td.number {
			text-align: right;
		}

		/* media queries */
		@media screen and (max-width: 767px) {
			.rg-container {
				max-width: 767px;
				margin: 0 auto;
			}
			table.rg-table {
				display: block;
				width: 100%;
			}
			table.rg-table tr.hide-mobile, table.rg-table th.hide-mobile, table.rg-table td.hide-mobile {
			}
			table.rg-table thead {
				display: none;
			}
			table.rg-table tbody {
				display: block;
				width: 100%;
			}
			table.rg-table tr, table.rg-table th, table.rg-table td {
				display: block;
				padding: 0;
			}
			table.rg-table tr {
				border-bottom: none;
				margin: 0 0 1em 0;
				padding: 0.5em 0;
			}
			table.rg-table tr.highlight {
				background: none;
			}
			table.rg-table.zebra tr:nth-child(even) {
				background: none;
			}
			table.rg-table.zebra td:nth-child(even) {
				background: #efefef;
			}
			table.rg-table tr:nth-child(even) {
				background: none;
			}
			table.rg-table td {
				padding: 0.5em 0 0.25em 0;
				border-bottom: 1px dotted #ccc;
				text-align: right;
			}
			table.rg-table td[data-title]:before {
				content: attr(data-title) ":A0";
				font-weight: bold;
				display: inline-block;
				content: attr(data-title);
				float: left;
				margin-right: 0.5em;
				font-size: 0.95em;
			}
			table.rg-table td:last-child {
				padding-right: 0;
				border-bottom: 2px solid #ccc;
			}
			table.rg-table td:empty {
				display: none;
			}
			table.rg-table .highlight td {
				background: none;
			}
		}
		
	.accordion-toggle {cursor: pointer;}
    .accordion-content {display: none;}
    .accordion-content.default {display: block;}
    
    #accordion h4 {
        font-size: 1.2em !important;
        color: #fff;
        background: #253F9C;
        padding: 10px;
    }
    
    #accordion .accordion-content {
        border-bottom:1px solid #333;
        padding-bottom:10px;
        margin-bottom:10px;
    }
        
 
  /* #Tablet (Landscape)
================================================== */

    /* Note: Design for a width of 960px */

    @media only screen and (min-width: 980px) and (max-width: 1323px) {
        
    body {
        font-size:1em !important;
    }
      
    .wrap {}
    .insidewrap {width:960px !important;}
    .insidecontainer {width:960px;}
    .container {max-width: 920px;}
        
        .container .one.column,
        .container .one.columns                     { width: 70px; }
        .container .two.columns                     { width: 280px; }
        .container .three.columns                   { width: 190px; }
        .container .four.columns                    { width: 132px; }
        .container .five.columns                    { width: 230px; }
        .container .six.columns                     { width: 305px; }
        .container .seven.columns                   { width: 440px; }
        .container .eight.columns                   { width: 475px; }
        .container .nine.columns                    { width: 410px; }
        .container .ten.columns                     { width: 490px; }
        .container .eleven.columns                  { width: 650px; }
        .container .twelve.columns                  { width: 650px; }
        .container .thirteen.columns                { width: 730px; }
        .container .fourteen.columns                { width: 810px; }
        .container .fifteen.columns                 { width: 132px; }
        .container .sixteen.columns                 { width: 920px; }
        .container .seventeen.columns               { width: 420px; }
        .container .eighteen.columns                { width: 152px; }
		
		header {
		    min-height:109px;
		}
		
		.photoGalleryElement .thumbnail {
            max-width: 312px;
        }
		
		.flexy-menu > li > a {
            padding: 2px 5px 2px 5px !important;
		}
		
		.top-image .imgDescription {
			position: relative;
			top: 0 !important;
			left: 0;
			margin:0;
			float: left;
			padding: 15px;
			width: 100%;
			background-color: #253F9C !important;
			border-radius: 0;
			-moz-border-radius: 0;
			-webkit-border-radius: 0;
		}
		
		.top-image .sldw_caption {
		    top:43%;
		}
        
        .navclear {
            width:650px;
        }
        
        .pagenav li {
			width: 300px;
        }
        
        div.productDetailDescriptionContainer {
            width: 600px;
        }

        .dynamic-productdetail .addthis_sharing_toolbox {
            float:right;
            width:601px;
        }
        
        .productListing.productListingGrid li span.productImageContainer {
    		max-width: 125px;
		}
        
        footer {
        
        }

        .footer-left {
            width:460px;
        }
        
        .footer-right {
            width:430px;
        }
        
        .break {
            display:block;
        }
        
        
        
    }



/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 768px) and (max-width: 979px) {
        
        body {
            font-size:1em !important;
        }
        
        .wrap {}
        .insidewrap {width:748px !important;}
        .insidecontainer {width:748px; padding-top:20px;}
        .container {max-width: 708px;}
        
        .container .one.column,
        .container .one.columns                     { width: 70px; }
        .container .two.columns                     { width: 209px; }
        .container .three.columns                   { width: 153px; }
        .container .four.columns                    { width: 87px; }
        .container .five.columns                    { width: 127px; }
        .container .six.columns                     { width: 250px; }
        .container .seven.columns                   { width: 334px; }
        .container .eight.columns                   { width: 365px; }
        .container .nine.columns                    { width: 410px; }
        .container .ten.columns                     { width: 490px; }
        .container .eleven.columns                  { width: 544px; }
        .container .twelve.columns                  { width: 435px; }
        .container .thirteen.columns                { width: 515px; }
        .container .fourteen.columns                { width: 595px; }
        .container .fifteen.columns                 { width: 105px; }
        .container .sixteen.columns                 { width: 708px; }
        .container .seventeen.columns               { width: 301px; }
        .container .eighteen.columns                { width: 109px; }
        
		header {
			min-height:155px;
		}
		
		.header-area {
		    text-align:center;
		}
		
		.header-img {
            width: 100%;
            text-align: center;
		}
		
		.logo {
			float:none;
		}
		
		.header-img .logo img {
		    width: 260px;
		}
        
		.menuarea {
			width: 100%;
			float: left;
			margin-top: 0;
			margin-left:0;
			padding:0 10px;
			min-height: 42px;
			border-top:1px solid #253F9C;
		}
		
        .photoGalleryElement .thumbnail {
              width: 259px;
        }
		
		.top-image .imgDescription {
			position: relative;
			top: 0 !important;
			left: 0;
			margin:0;
			float: left;
			padding: 15px;
			width: 100%;
			background-color: #253F9C !important;
			border-radius: 0;
			-moz-border-radius: 0;
			-webkit-border-radius: 0;
		}
		
		.top-image .sldw_caption a.button,
		.top-image .sldw_caption a.button:hover {
			color:#253F9C !important;
		}
		
		.flexy-menu > li.selectedPage {
			background:transparent !important;
		}
        
        .flexy-menu {
            background:transparent;
            text-align:left !important;
        }
        
        .flexy-menu li {
            line-height:21px !important;
        }
        
        .flexy-menu li.showhide:hover {
            background:transparent !important;
            border:0 !important;
        }
        
        .flexy-menu > li.showhide {
            list-style: none;
            border:0 !important;
        }
        
        .flexy-menu > li.showhide span.title {
            margin: 20px 0 0 0 !important;
        }
        
        .flexy-menu > li.showhide span.icon {
            margin: 21px 0px !important;
            height:16px;
        }
        
        .flexy-menu > li:hover,
        .flexy-menu ul > li:hover {
            background:transparent !important;
        }
        
        .flexy-menu ul {
            background:none !important;
        }
        
        .flexy-menu > li {
            border-bottom:1px solid #253F9C !important;
        }
        
        .flexy-menu > li:hover {
            border-bottom:1px solid #253F9C !important;
        }
        
        .flexy-menu li {
            float:left !important;
        }
        
		.flexy-menu > li > a {
			padding: 12px 0 !important;
		}
        
        .flexy-menu li a {
            color:#253F9C !important;
        }
        
        .flexy-menu li a:hover {
            color:#253F9C !important;
        }
        
        .sidebar h1,
        .sidebar h2,
        .sidebar h3,
        .sidebar h4,
        .sidebar h5 {
            font-size: 1em !important;
            line-height: 20px !important;
            margin: 10px 0 0px 0 !important;
        }
        
        .golf-button-inner-contain {
            padding: 0 0px;
            display: table-cell;
            vertical-align: bottom;
        }
        
        .golf-button-inner-contain h2 {
            font-size: 0.9em !important;
            margin-bottom: 0px !important;
        }
        
        .home-thumb-inner-contain {
            vertical-align: bottom;
        }
        
        .sidebar .home-thumb-3 .home-thumb-inner-contain {
            padding:0;
        }
        
        .home-thumb-3 h2 {
            margin-top:10px !important;
        }
        
        .below-top-image {
            width:556px;
        }
        
        .insidecontainer .sldw_caption {
        	bottom:20px;
        }
        
        .insidecontainer .sldw_caption h1,
        .insidecontainer .sldw_caption h3 {
        	font-size:1em !important;
        	line-height:20px;
        }
        
        .navclear {
            width:541px;
        }
        
        .pagenav li {
            width:229px;
        }
        
        .sldw_caption {
			width: 100% !important;
    		max-width: 100% !important;
			margin-left: 0 !important;
			top: 0 !important;
			-webkit-transform: translateY(0%) !important;
			-ms-transform: translateY(0%) !important;
			transform: translateY(0%) !important;
			background-color: #253F9C !important;
			text-shadow: none !important;
			bottom: 0px !important;
			left: 0 !important;
			min-height: 95px !important;
			position: relative !important;
			float: left !important;
		}
		
		.sldw_caption h3,
		.sldw_caption h3 {
			font-size: 0.95em !important;
			line-height: 21px !important;
		}
		
		.sldw_caption h1 .button,
		.sldw_caption h3 .button {
            font-size: 0.9em !important;
            background: white !important;
        }
        
        .sldw_caption h1 .button:hover,
		.sldw_caption h3 .button:hover {
            background: white !important;
            color:#333333 !important;
        }
        
		.highlights .blogList .postThumb {
		    width:85px;
		}
		
		.highlights .blogList .postThumb+.postContent {
            margin-left: 100px;
        }
        
        div.productDetailDescriptionContainer {
            width: 388px;
        }

        .dynamic-productdetail .addthis_sharing_toolbox {
            float:right;
            width:389px;
        }
        
		.productListing li span.productImageContainer {
			max-width: 180px;
		}
        
        .productListing.productListingGrid li {
			width: 100%;
			margin: 0 10px 10px 0;
        }
        
        .blogList img {
            float: none !important;
            display: block;
        }
        
        .photoGalleryElement .thumbnail .thumbContents {
            min-height:100px !important;
        } 

        footer {

        }
        
        .footer-left {
            width:360px;
        }
        
        .footer-right {
            width:330px;
        }

        .searchButton {
            padding:4px 8px 4px 8px !important;
        }
        
        .break {
            display:block;
        }
        
    }


/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

    @media only screen and (max-width: 767px) {
        
        body {
            font-size:1em !important;
        }
       
        .wrap {}
        .insidewrap {width:300px !important;}
        .insidecontainer {width:300px; padding-top:20px;}
        .container {max-width: 260px;}
        
        .columns, .column { margin: 0; }

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .seventeen.columns,
        .container .eighteen.columns {width: 260px; margin-right:0px;}
        
		header {
			min-height:189px;
		}
		
		.header-area {
		    text-align:center;
		}
        		
        .header-area-right {
            float: left;
            width: 100%;
            text-align: center;
        }
        
        .header-area-search {
            float: none;
            text-align: center;
            width:100%;
            display: inline-block;
        }
        
        .header-area-search .search {
            float: none !important;
            display: inline-block !important;
        }
        
        .contact-box {
            width:100%;
        }
		
		.contact-bar p:first-of-type,
		.contact-bar p:last-of-type{
            float:left;
            text-align:center;
            width:100%;
        }
        
        .contact-box p {
            line-height: 5px;
            padding: 7px 11px;
            margin: 0 0 10px 0;
        }
        
        .contact-bar p:first-of-type {
            margin-bottom:0;
        }
		
		.header-img {
            width: 100%;
            text-align: center;
		}
		
		.logo {
			float:none;
		}
		
		.header-img .logo img {
		    width: 260px;
		}
		
        .shopping .cartItems {
            float: left;
            clear: none;
            width: 100%;
            text-align: center;
        }
        
        .cart_andCheckout {
            float: left;
            width: 100%;
            text-align: center;
        }
        
        .shoppingCartStatus {
            clear: none !important;
            float: left;
            text-align: center;
            width: 100%;
        }
        
        .cart-link,
        .checkout-link {
            display: inline-block;
            float: none;
        }
        
		.menuarea {
			width: 100%;
			float: left;
			margin-top: 0;
			margin-left:0;
			padding:0 10px;
			min-height: 42px;
			border-top:1px solid #253F9C;
		}
		
		.flexy-menu > li.selectedPage {
			background:transparent !important;
		}
        
        .flexy-menu {
            background:transparent;
            text-align:left !important;
        }
        
        .flexy-menu li {
            line-height:21px !important;
        }
        
        .flexy-menu li.showhide:hover {
            background:transparent !important;
            border:0 !important;
        }
        
        .flexy-menu > li.showhide {
            list-style: none;
            border:0 !important;
        }
        
        .flexy-menu > li.showhide span.title {
            margin: 20px 0 0 0 !important;
        }
        
        .flexy-menu > li.showhide span.icon {
            margin: 21px 0px !important;
            height:16px;
        }
        
        .flexy-menu > li:hover,
        .flexy-menu ul > li:hover {
            background:transparent !important;
        }
        
        .flexy-menu ul {
            background:none !important;
        }
        
        .flexy-menu > li {
            border-bottom:1px solid #253F9C !important;
        }
        
        .flexy-menu > li:hover {
            border-bottom:1px solid #253F9C !important;
        }
        
        .flexy-menu li {
            float:left !important;
        }
        
		.flexy-menu > li > a {
			padding: 12px 0 !important;
		}
        
        .flexy-menu li a {
            color:#253F9C !important;
        }
        
        .flexy-menu li a:hover {
            color:#253F9C !important;
        }
        
        .below-top-image {
            width:100%;
        }
        
        .SlideShowImage img {
            margin-bottom:0 !important;
        }
        
        .insidecontainer .sldw_caption_hover {
            position:relative;
            float:left;
        }
        
        .photoGalleryElement .thumbShadow img {
            width:117px;
        }
        
        /* Photo Gallery Popup Fix */
        
		.lcms_fancybox-wrap {
			width: 250px !important;
			height: auto !important;
		}

		.lcms_fancybox-outer, .lcms_fancybox-inner, .lcms_fancybox-skin {
			width: 100% !important;
		}

		.lcms_fancybox-outer, .lcms_fancybox-inner {
			height:auto !important;
		}

		.lcms_fancybox-img, .lcms_fancybox-iframe {
			width: 100%;
			height: auto;
		}
		
		/* End */
		
        .home-thumb,
        .home-thumb-2,
        .home-thumb-3,
        .home-thumb-4 {
            margin-bottom:10px;
        }
        
        .home-block-2 {
            background-size:cover;
        }
        
        .home .top-image .element .textElement h1,
        .home .top-image .element .textElement h2 {
            font-size: 2.5em;
            line-height: 50px;
        }
        
        .home .highlights {
        	margin-bottom:10px;
        }
        
        table {
            overflow-x: auto;
	        display: block;
        }
        
        .insidecontainer .sldw_caption {
			width: 100%;
    		max-width: 100%;
			bottom: 0px;
			left: 0;
			min-height: 95px;
			position: relative;
			float: left;
		}
		
		.insidecontainer .sldw_caption h3 {
			font-size: 0.95em;
			line-height: 21px;
		}
		
		.top-image .imgDescription {
			position: relative;
			top: 0 !important;
			left: 0;
			margin:0;
			float: left;
			padding: 15px;
			width: 100%;
			background-color: #253F9C !important;
			border-radius: 0;
			-moz-border-radius: 0;
			-webkit-border-radius: 0;
		}
                
        .navclear {
            width:260px;
        }
        
        .sldw_caption {
			width: 100% !important;
    		max-width: 100% !important;
			margin-left: 0 !important;
			top: 0 !important;
			-webkit-transform: translateY(0%) !important;
			-ms-transform: translateY(0%) !important;
			transform: translateY(0%) !important;
			background-color: #253F9C !important;
			text-shadow: none !important;
			bottom: 0px !important;
			left: 0 !important;
			min-height: 95px !important;
			position: relative !important;
			float: left !important;
		}
		
		.sldw_caption h3 {
			font-size: 0.95em !important;
			line-height: 21px !important;
		}
		
		.sldw_caption h3 .button {
            font-size: 0.9em !important;
            background: white !important;
        }
        
		.sldw_caption h3 .button:hover {
            background: white !important;
            color:#333333 !important;
        }
        
		.top-image .sldw_caption a.button,
		.top-image .sldw_caption a.button:hover {
			color:#253F9C !important;
		}
        
        .pagenav li {
            width:100%;
        }
        
        .sidebar {
        	margin-top:10px;
        }
        
        div.productDetailDescriptionContainer {
            width: 260px;
        }

        .dynamic-productdetail .addthis_sharing_toolbox {
            float:right;
            width:260px;
        }
        
        .productListing.productListingGrid li {
			width: 100%;
			margin: 0 10px 10px 0;
        }
        
        .productListingGrid img.productFeaturedImage {
        	width:100%;
        }
        
		.blogList .postThumb+.postContent {
			margin-left: 0;
			clear: both;
		}
        
        .blogList img {
            float: none !important;
            display: block;
            margin: 0;
        }

        .photoGalleryElement .thumbnail {
            width: 117px;
        } 
        
        .photoGalleryElement .thumbnail .thumbContents {
            min-height:100px !important;
            background:transparent;
        }
        
        .productListing li span.productImageContainer {
        	padding: 0 0px 10px 0;
        	max-width:100% !important;
        }
        
		.photoGalleryElement .thumbnail img {
			margin-bottom: 0;
			margin-top: 0;
		}
        
        .productDetailImageContainer .productDetailImageList .productDetailImage,
        .productDetailImageContainer .productDetailImageList, .productDetailImageContainer,
        .productDetailImageContainer .productDetailImageList .productDetailImage img {
            width:260px;
        }
        
        footer {
            
        }
        
        .mobilehide {
            display:none;
        }
        
        .footer-left {
            width:260px;
        }
        
        .footer-right {
            width:260px;
            text-align:left;
        }

        .search {
            width:240px;
            float:left !important;
        }

        .searchButton {
            padding:4px 8px 4px 8px !important;
        }
        
        .searchInput {
            width:170px;
            float:right;
        }
        
        .socialMedia {
            float:left;
        }
        
        .break {
            display:block;
        }
        
    }


/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
        
        body {
            font-size:1em !important;
        }
        
        .wrap {}
        .insidewrap {width:420px !important;}
        .insidecontainer {width:420px; padding-top:20px;}
        .container {max-width: 380px;}
        
        .columns, .column { margin: 0; }

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .seventeen.columns,
        .container .eighteen.columns {width: 380px; margin-right:0px;}
        
		header {
			min-height:189px;
		}
		
		.header-area {
		    text-align:center;
		}
		
		.contact-bar p:first-of-type,
		.contact-bar p:last-of-type{
            float:left;
            text-align:center;
            width:100%;
        }
        
        .contact-bar p:first-of-type {
            margin-bottom:0;
        }
		
		.header-img {
            width: 100%;
            text-align: center;
		}
		
		.logo {
			float:none;
		}
		
		.header-img .logo img {
		    width: 260px;
		}
		
        .shopping .cartItems {
            float: left;
            clear: none;
            width: 100%;
            text-align: center;
        }
        
        .cart_andCheckout {
            float: left;
            width: 100%;
            text-align: center;
        }
        
        .shoppingCartStatus {
            clear: none !important;
            float: left;
            text-align: center;
            width: 100%;
        }
        
        .cart-link,
        .checkout-link {
            display: inline-block;
            float: none;
        }
        
		.menuarea {
			width: 100%;
			float: left;
			margin-top: 0;
			margin-left:0;
			padding:0 10px;
			min-height: 42px;
			border-top:1px solid #253F9C;
		}
		
		.flexy-menu > li.selectedPage {
			background:transparent !important;
		}
        
        .flexy-menu {
            background:transparent;
            text-align:left !important;
        }
        
        .flexy-menu li {
            line-height:21px !important;
        }
        
        .flexy-menu li.showhide:hover {
            background:transparent !important;
            border:0 !important;
        }
        
        .flexy-menu > li.showhide {
            list-style: none;
            border:0 !important;
        }
        
        .flexy-menu > li.showhide span.title {
            margin: 20px 0 0 0 !important;
        }
        
        .flexy-menu > li.showhide span.icon {
            margin: 21px 0px !important;
            height:16px;
        }
        
        .flexy-menu > li:hover,
        .flexy-menu ul > li:hover {
            background:transparent !important;
        }
        
        .flexy-menu ul {
            background:none !important;
        }
        
        .flexy-menu > li {
            border-bottom:1px solid #253F9C !important;
        }
        
        .flexy-menu > li:hover {
            border-bottom:1px solid #253F9C !important;
        }
        
        .flexy-menu li {
            float:left !important;
        }
        
		.flexy-menu > li > a {
			padding: 12px 0 !important;
		}
        
        .flexy-menu li a {
            color:#253F9C !important;
        }
        
        .flexy-menu li a:hover {
            color:#253F9C !important;
        }
        
        .SlideShowImage img {
            margin-bottom:0 !important;
        }
        
        .insidecontainer .sldw_caption_hover {
            position:relative;
            float:left;
        }
        
        .home-thumb,
        .home-thumb-2,
        .home-thumb-3,
        .home-thumb-4 {
            margin-bottom:10px;
        }
        
        .home-block-2 {
            background-size:cover;
        }
        
        .home .top-image .element .textElement h1,
        .home .top-image .element .textElement h2 {
            font-size: 2.5em;
            line-height: 50px;
        }
        
        .home .highlights {
        	margin-bottom:10px;
        }
        
        .photoGalleryElement .thumbShadow img {
            width:113px;
        }
        
        /* Photo Gallery Popup Fix */
        
		.lcms_fancybox-wrap {
			width: 380px !important;
			height: auto !important;
		}

		.lcms_fancybox-outer, .lcms_fancybox-inner, .lcms_fancybox-skin {
			width: 100% !important;
		}

		.lcms_fancybox-outer, .lcms_fancybox-inner {
			height:auto !important;
		}

		.lcms_fancybox-img, .lcms_fancybox-iframe {
			width: 100%;
			height: auto;
		}
		
		/* End */
        
        table {
            overflow-x: auto;
	        display: block;
        }
        
        .insidecontainer .sldw_caption {
			width: 100%;
    		max-width: 100%;
			bottom: 0px;
			left: 0;
			min-height: 95px;
			position: relative;
			float: left;
		}
		
		.insidecontainer .sldw_caption h3 {
			font-size: 0.95em;
			line-height: 21px;
		}
		
		.top-image .imgDescription {
			position: relative;
			top: 0 !important;
			left: 0;
			margin:0;
			float: left;
			padding: 15px;
			width: 100%;
			background-color: #253F9C !important;
			border-radius: 0;
			-moz-border-radius: 0;
			-webkit-border-radius: 0;
		}
                
        .navclear {
            width:380px;
        }
        
        .pagenav li {
            width:100%;
        }
        
        .sldw_caption {
			width: 100% !important;
    		max-width: 100% !important;
			margin-left: 0 !important;
			top: 0 !important;
			-webkit-transform: translateY(0%) !important;
			-ms-transform: translateY(0%) !important;
			transform: translateY(0%) !important;
			background-color: #253F9C !important;
			text-shadow: none !important;
			bottom: 0px !important;
			left: 0 !important;
			min-height: 95px !important;
			position: relative !important;
			float: left !important;
		}
		
		.sldw_caption h3 {
			font-size: 0.95em !important;
			line-height: 21px !important;
		}
		
		.sldw_caption h3 .button {
            font-size: 0.9em !important;
            background: white !important;
        }
        
		.sldw_caption h3 .button:hover {
            background: white !important;
            color:#333333 !important;
        }
        
		.top-image .sldw_caption a.button,
		.top-image .sldw_caption a.button:hover {
			color:#253F9C !important;
		}
        
        .sidebar {
        	margin-top:10px;
        }
        
        div.productDetailDescriptionContainer {
            width: 380px;
        }

        .dynamic-productdetail .addthis_sharing_toolbox {
            float:right;
            width:380px;
        }
        
        .productListing.productListingGrid li {
			width: 100%;
			margin: 0 10px 10px 0;
        }
        
		.productListing li span.productImageContainer {
			display: block;
			float: left;
			padding: 0 20px 20px 0;
			max-width: 125px !important;
		}
        
		.blogList .postThumb+.postContent {
			margin-left: 0;
			clear: both;
		}
        
        .blogList img {
            float: none !important;
            display: block;
            margin: 0;
        }

        .photoGalleryElement .thumbnail {
            width: 177px;
        }
        
        .photoGalleryElement .thumbnail .thumbContents {
            min-height:100px !important;
            background:transparent;
        }
        
		.photoGalleryElement .thumbnail img {
			margin-bottom: 0;
			margin-top: 0;
		}
        
        .productDetailImageContainer .productDetailImageList .productDetailImage,
        .productDetailImageContainer .productDetailImageList, .productDetailImageContainer,
        .productDetailImageContainer .productDetailImageList .productDetailImage img {
            width:380px;
        }
        
        footer {
            
        }
        
        .mobilehide {
            display:none;
        }
        
        .footer-left {
            width:380px;
        }
        
        .footer-right {
            width:380px;
            text-align:left;
        }

        .search {
            width:240px;
            float:left !important;
        }

        .searchButton {
            padding:4px 8px 4px 8px !important;
        }
        
        .searchInput {
            width:170px;
            float:right;
        }
        
        .socialMedia {
            float:left;
        }
        
        .break {
            display:block;
        }
        
    }