/*
* 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:1320px; margin: 0 auto;}
    .insidecontainer                            { width: 1400px; float:left; background: rgba(255,255,255, 0.9); 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: 413px; }
        .container .three.columns                   { width: 329px; }
        .container .four.columns                    { width: 181px; }
        .container .five.columns                    { width: 212px; }
        .container .six.columns                     { width: 513px; }
        .container .seven.columns                   { width: 639px; }
        .container .eight.columns                   { width: 698px; }
        .container .nine.columns                    { width: 237px; }
        .container .ten.columns                     { width: 780px; }
        .container .eleven.columns                  { width: 1067px; }
        .container .twelve.columns                  { width: 940px; }
        .container .thirteen.columns                { width: 1009px; }
        .container .fourteen.columns                { width: 1100px; }
        .container .fifteen.columns                 { width: 1180px; }
        .container .sixteen.columns                 { width: 1320px; }
        .container .seventeen.columns               { width: 300px; }
        .container .eighteen.columns                { width: 971px; }
        
        /* Header */
        
        header {
            width:1400px;
            min-height:185px;
            margin: 0 auto;
            /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+38,ccd7ea+56,325a99+100 */
            background: #ffffff; /* Old browsers */
            background: -moz-linear-gradient(left,  #ffffff 38%, #ccd7ea 56%, #325a99 100%); /* FF3.6-15 */
            background: -webkit-linear-gradient(left,  #ffffff 38%,#ccd7ea 56%,#325a99 100%); /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to right,  #ffffff 38%,#ccd7ea 56%,#325a99 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#325a99',GradientType=1 ); /* IE6-9 */
        }
        
        .header-area {
			float: left;
			width: 100%;
			min-height: 145px;
        }
        
        .header-img {
            width:auto;
            text-align:center;
            float:left;
            padding-bottom: 20px;
        }

        .header-img .logo img {
            margin:22px 0 0 0;
        }
        
        .logo {
            float:left;
            min-width: 255px;
        }
        
        .logo h1 {
            margin: 44px 0 0 0 !important;
            font-size: 2em !important;
            line-height: 41px !important;
        }
        
        .logo h1,
        .logo a {
            color: #32599D !important;
            text-decoration: none;
        }
        
        .header-img p {
            float: right;
            position: relative;
            top: 60px;
            color: #000;
            font-size: 1.2em;
            font-style: italic;
        }
        
        .menuarea {
            width:100%;
            float:left;
            background:#325A99;
            border-bottom: 3px solid #000;
            margin-bottom: 10px;
        }
        
        .header-area-bottom {
			float: right;
			width: auto;
			padding: 10px 0;
        }
        
        .header-area-bottom-link {
            float:left;
            margin-right:20px;
        }
        
        .header-area-bottom-link p {
            margin: 9px 0;
        }
        
        .header-area-bottom-link p a {
            color:#000;
        }
        
        .header-area-bottom-align {
            float:right;
            background:white;
            padding:6px 7px;
            min-width: 416px;
        }
        
        .header-area-bottom-search {
        	float:left;
        	margin-top:0px;
        	margin-right:5px;
        }
        
        .header-area-bottom-translate {
            float:right;
        }
        
        .goog-te-gadget-icon {
            margin:0;
        }
        
		.header-area-bottom-search .searchButton {
			color: #fff !important;
			background: #32599D !important;
			margin-bottom:0;
		}
        
        .header-area-bottom-search .search {
        	float:none;
        }
        
        .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;
		}
        
        
        /* End Header */
        
        
        /* Main Content */
        
        /* Cookie Script Styles */
        
        .cc_dialog button {
        	font-size: 0.8em !important;
        }
        
        .cc_dialog.simple {
        	max-width:100% !important;
        	width:100% !important;
        	box-sizing: border-box;
        }
        
        .cc_dialog .cc_dialog_headline {
    		font-size: 1.2em !important;
    		margin-bottom: 0px !important;
    	}
    	
    	.cc_dialog .cc_dialog_headline:after {
    		content:'We use cookies to optimise site functionality and give you the best possible experience.';
    		display:block;
    		font-weight: normal;
    		font-size: 0.8em;
    		margin-bottom: 5px;
    	}
        
        .cc_dialog .cc_dialog_text {
        display:none;
        	font-size:1em !important;
        	margin-bottom: 5px !important;
        }
        
        .cc_dialog.simple {
    		padding: 20px 30px !important;
    	}
    	
    	.cc_cp_f_powered_by {
    		visibility:hidden;
    	}
        
        
        
        /* End Cookie Script Styles */
        
        #lightbox_content {
            top:80px !important;
        }
        
        .productListingElement {
            float:left;
        }
        
        .fr-video.fr-dvi {
            display: block !important;
        }
        
        .dynamic-sitemap .insidecontainer ul {
            margin-left:15px;
        }
        
        .dynamic-sitemap .insidecontainer ul li.hasChildren > a {
            font-weight:bold;
        }
        
        .center-image .imageElement {
            text-align:center;
        }
        
        .pagenav {
        	background:transparent !important;
        }
        
        .pagenav li {
			border-bottom: 0 !important;
			width: 320px;
			margin-right: 10px;
			float: left;
        }
        
        .pagenav li:hover {
        	background:transparent !important;
        }
        
        .pagenav li a {
            padding: 5px !important;
            margin-bottom: 7px;
            background: #32599D;
            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:#57534B;
        }
        
        .st_sharethis {
            float:right;
            height:25px;
            text-align: right;
            margin-bottom:10px !important;
        }
        
        .stButton .stButton_gradient {
            height:22px !important;
        }
        
        .thumb-image .wide-image .imageElement img {
            width:100% !important;
            max-height:inherit;
        }
        
        .thumb-image .imageElement img {
            float:left;
            width:140px !important;
            max-height:200px;
            padding-right:10px;
            margin-top:0;
        }
        
        .thumb-image .imgDescription {
            display: table;
            height: 120px;
        }
        
        .thumb-image .imgDescription p {
            margin-top:0 !important;
            display: table-cell;
            vertical-align: middle;
        }
        
        .thumb-image .imageElement {
            min-height:140px;
            padding-bottom:20px;
            float: left;
            width: 100%;
            margin-bottom:20px;
            border-bottom:3px solid #32599D;
        }
        
        .home-image {
            width: 100%;
            float: left;
        }
        
        .home-image .container {
            max-width: 1400px;
        }
        
        .home-image img {
            margin: 0;
            padding: 0;
            float:left;
        }

		.home .insidecontainer .element {
			padding: 15px 15px 12px 15px;
			background:#fff;
			margin-bottom:20px;
			border-bottom: 2px solid #32599D;
		}

		.home .insidecontainer .element .imageElement img {
			margin-top:0;
			margin-bottom:0;
		}
		
		.intro .insidecontainer .eleven.columns:first-of-type .element {
			padding: 0;
			background:transparent;
			margin-bottom:0px;
			border-bottom: 0px;
		}
		
		.intro .insidecontainer .element {
			padding: 15px 15px 12px 15px;
			background:#fff;
			margin-bottom:20px;
			border-bottom: 2px solid #32599D;
		}
		
		.intro .insidecontainer .element .textElement p {
		    margin:10px 0;   
		}
		
		.intro .insidecontainer .element .textElement a.button {
		    margin-bottom:10px;   
		}

		.intro .insidecontainer .element .imageElement img {
			margin-top:0;
			margin-bottom:0;
		}
		
		.intro .insidecontainer .three.columns .element {
		    min-height:132px;
		}
        
        .separator {
        	width:100%;
        	height:4px;
        	background:#32599D;
        	margin:10px 0;
        }
        
        .dynamic-shoppingcart p.button:hover {
            background:#32599D;
        }

        .bgpage .insidecontainer {
            padding: 40px 40px 40px 40px;
            margin-top: 20px;
            margin-bottom:20px;
        }
        
        .bgpage.bg1 {
            background-size: cover;
            background-attachment: fixed;
            background-image: url('../img/bg1.jpg');
            background-repeat: no-repeat;
        }
        
        .image-area {
            width:1400px;
            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 {
			width:100%;
			float:left;
			margin: 20px auto;
			display:block;
        }
        
        .highlights .container {
        	max-width:1400px;
        }
        
        .highlights .title {
			background: #32599D;
			color: #fff;
			padding: 15px;
			margin:0;
        }
        
        .highlights .imageElement {
        	background:#fff;
        }
        
        .highlights img {
        	margin:0;
        	padding:0;
        }
        
        .highlights .imgDescription {
			padding: 5px 15px 13px 15px;
        }
        
        .cta {
			border-top: 1px solid #DDDDDD;
			text-align: center;
			padding: 20px 0 0 0;
			margin: 20px 0 0 0;
        }
        
        .sidebar {
            margin-left: 40px;
            margin-right:0;
            float: right;
        }
        
        .navclear {
            width: 1068px;
            float: left;
        }
        
        .productListing li {
            list-style:none !important;
        }

        .productListing li span.productPriceContainer span.productPrice {
            padding-bottom:0;
        }
        
        li.product {
            background: #fff;
            padding: 20px 20px 0px 20px;
        }
        
        .productFeaturedImage {
            margin: 0;
        }
        
        .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: 1000px;
            float: right;
        }

        .dynamic-productdetail .addthis_sharing_toolbox {
            float:right;
            width:1001px;
        }
        
        .productAddToCart,
        .productDetailAddToCart {
            color: #fff !important;
            font-size: 1em !important;
            background:#32599D;
            padding: 10px 10px 10px 10px;
            text-decoration: none;
            display: inline-block;
            margin: 10px 10px 10px 0;
            border: 0;
        }
        
        .productAddToCart:hover,
        .productDetailAddToCart:hover {
            background:#3D3D3D !important;
            color:#fff !important;
        }
        
        .productPriceContainer {
            padding-top: 15px;
        }
        
        .productDetailImage,
        .productDetailPriceContainer {
            margin: 0 !important;
        }
        
        .productDetailDescriptionContainer {
            background: #fff;
            padding: 15px 15px 10px 15px;
            margin-bottom: 20px;
        }
		
		.productListing.productListingGrid li {
			clear: none;
		}
		
		.productListing.productListingGrid li {
			width: 49%;
			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:#32599D;
            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 .thumbnail .thumbContents {
            border:0 !important;
        }
        
        .photoGalleryElement .thumbnail {
            width:153px;
        }
        
		.photoGalleryElement .thumbnail img {
			margin-bottom: 14px;
			margin-top: 15px;
		}
        
        .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 {
            width:100% !important;
        }
        
        .photoGalleryElement .thumbShadow .thumbContents p a,
        .photoGalleryElement .thumbnail p a {
            color:#000;
        }
        
        .SlideShowImage img {
            width: 100%;
        }
        
        .banner {
            background: #57534B;
            width: 100%;
            display: inline-block;
            color: #fff;
            margin: 10px 0 10px 0;
            padding: 10px 10px 10px 10px;
            font-size: 1.2em;
            border-radius: 5px 5px 5px 5px;
              -webkit-border-radius: 5px 5px 5px 5px;
             -moz-border-radius: 5px 5px 5px 5px;
             box-shadow: 0px 3px 0px #dedede;
        }
        
        .banner:hover {
            color:#57534B;
            background:#FEDB32;
        }
        
        /* End Main Content */
        
        
        /* Footer */
        
        .footer-left {
            float:left;
            width:580px;
            font-size:0.9em;
        }
        
        .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-left h1 {
            margin-top:16px !important;
        }
        
        .footer-right {
            float:right;
            width:520px;
            text-align:right;
            font-size:0.9em;
        }
        
        .footer-menu {
            display:inline-block;
            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: "";
        }

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

        .searchButton {
            background:#F1BB8C !important;
            color:#000 !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;
        }
        
        /* End Footer */
        

  /* #Laptop
================================================== */

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

    @media only screen and (min-width: 1180px) and (max-width: 1410px) {
      
    .wrap {}
    .insidewrap {width:1170px !important;}
    .insidecontainer {width:1170px;}
    .container {max-width: 1100px;}
        
        .container .one.column,
        .container .one.columns                     { width: 330px; }
        .container .two.columns                     { width: 340px; }
        .container .three.columns                   { width: 256px; }
        .container .four.columns                    { width: 136px; }
        .container .five.columns                    { width: 212px; }
        .container .six.columns                     { width: 403px; }
        .container .seven.columns                   { width: 530px; }
        .container .eight.columns                   { width: 552px; }
        .container .nine.columns                    { width: 182px; }
        .container .ten.columns                     { width: 780px; }
        .container .eleven.columns                  { width: 847px; }
        .container .twelve.columns                  { width: 940px; }
        .container .thirteen.columns                { width: 1009px; }
        .container .fourteen.columns                { width: 1100px; }
        .container .fifteen.columns                 { width: 1180px; }
        .container .sixteen.columns                 { width: 1100px; }
        .container .seventeen.columns               { width: 245px; }
        .container .eighteen.columns                { width: 971px; }
        
        header {
        	width:1170px;
        }
        
        .header-img p {
            width:270px;
            top:40px;
        }
        
        .home-image .container {
            max-width: 1170px;
        }
        
        .flexy-menu > li > a {
            padding: 12px 4px 12px 4px !important;
        }
        
        .pagenav li {
			width: 265px;
        }
        
        .image-area {
            width:1170px;
        }
        
		.image-area .title {
			font-size: 1.6em;
		}
        
        .navclear {
            width:848px;
        }
        
        div.productDetailDescriptionContainer {
            width: 780px;
        }

        .dynamic-productdetail .addthis_sharing_toolbox {
            float:right;
            width:781px;
        }
        
        .productListing.productListingGrid li {
    		width: 48%;
    	}
        
        footer {
        
        }

        .footer-left {
            width:610px;
        }
        
        .footer-right {
            width:460px;
        }
        
        
        
    }  
          
 
  /* #Tablet (Landscape)
================================================== */

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

    @media only screen and (min-width: 960px) and (max-width: 1179px) {
      
    .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: 98px; }
        .container .five.columns                    { width: 230px; }
        .container .six.columns                     { width: 305px; }
        .container .seven.columns                   { width: 440px; }
        .container .eight.columns                   { width: 420px; }
        .container .nine.columns                    { width: 132px; }
        .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: 890px; }
        .container .sixteen.columns                 { width: 920px; }
        .container .seventeen.columns               { width: 200px; }
        .container .eighteen.columns                { width: 971px; }
        
        header {
        	width:960px;
        	min-height:270px;
        }
        
        .header-area .container {
            max-width:100%;
        }
        
        .header-img {
			max-width:100%;
			width: 100%;
			text-align: center;
			padding-bottom:15px;
			min-height:184px;
        }
        
		.header-img p {
            float: left;
            position: inherit;
            width: 100%;
            margin-top: 10px;
            margin-bottom:0;
		}
		
		.header-area-bottom {
            float: left;
            width: 100%;
            padding: 3px 15px;
            background: white;
        }
        
        .home-image .container {
            max-width: 960px;
        }
        
		.header-img .logo img {
			margin: 14px 0 0 0;
		}
        
        .logo {
        	float:none;
        	min-height: 133px;
        }
        
		.logo h1 {
			margin: 0 !important;
			padding: 30px 0;
		}
        
		.flexy-menu li {
			font-size: 1em !important;
		}
        
		.menuarea {
			width: 100%;
			float: left;
			margin-top: 0;
			padding-right: 0;
			min-height: 42px;
		}
		
        .pagenav li {
            width:220px;
        }
        
        .image-area {
            width:960px;
        }
        
		.image-area .title {
			font-size: 1.6em;
		}
        
        .navclear {
            width:650px;
        }
        
        div.productDetailDescriptionContainer {
            width: 600px;
        }

        .dynamic-productdetail .addthis_sharing_toolbox {
            float:right;
            width:601px;
        }
        
        .productListing.productListingGrid li {
    		width: 48%;
    	}
        
        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) {
        
        .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: 76px; }
        .container .five.columns                    { width: 127px; }
        .container .six.columns                     { width: 250px; }
        .container .seven.columns                   { width: 334px; }
        .container .eight.columns                   { width: 348px; }
        .container .nine.columns                    { width: 105px; }
        .container .ten.columns                     { width: 490px; }
        .container .eleven.columns                  { width: 539px; }
        .container .twelve.columns                  { width: 435px; }
        .container .thirteen.columns                { width: 515px; }
        .container .fourteen.columns                { width: 595px; }
        .container .fifteen.columns                 { width: 675px; }
        .container .sixteen.columns                 { width: 708px; }
        .container .seventeen.columns               { width: 146px; }
        .container .eighteen.columns                { width: 971px; }
        
        header {
        	width:748px;
        	min-height:270px;
        }
        
        .header-area .container {
            max-width:100%;
        }
        
        .header-img {
			max-width:100%;
			width: 100%;
			text-align: center;
			padding-bottom:15px;
			min-height:184px;
        }
        
		.header-img p {
            float: left;
            position: inherit;
            width: 100%;
            margin-top: 10px;
            margin-bottom:0;
		}
		
		.header-area-bottom {
            float: left;
            width: 100%;
            padding: 3px 15px;
            background: white;
        }
        
        .home-image .container {
            max-width: 960px;
        }
        
		.header-img .logo img {
			margin: 14px 0 0 0;
		}
        
        .logo {
        	float:none;
        	min-height: 133px;
        }
        
		.menuarea {
			width: 100%;
			float: left;
			margin-top: 0;
			padding-right: 0;
			min-height: 42px;
		}
		
        .pagenav li {
            width:167px;
        }
		
	    .home-image .container {
            max-width: 748px;
        }
		
		.image-area {
			width:748px;
		}
		
		.image-area .title {
			font-size: 1.6em;
		}
        
        .flexy-menu {
            background:transparent;
            text-align:left !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: 21px 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 #fff !important;
        }
        
        .flexy-menu > li:hover {
            border-bottom:1px solid #fff !important;
        }
        
        .flexy-menu li {
            float:left !important;
        }
        
		.flexy-menu > li > a {
			padding: 12px 0 !important;
		}
        
        .flexy-menu li a {
            color:#fff !important;
        }
        
        .flexy-menu li a:hover {
            color:#fff !important;
        }
        
        .navclear {
            width:541px;
        }
        
        div.productDetailDescriptionContainer {
            width: 407px;
        }

        .dynamic-productdetail .addthis_sharing_toolbox {
            float:right;
            width:409px;
        }
        
		.productListing.productListingGrid li {
   			width: 100%;
			margin: 0 10px 10px 0;
		}
        
        .blogList img {
            float: none !important;
            display: block;
        }   

        .photoGalleryElement .thumbnail {
              width: 152px;
        }  
        
        .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) {
       
        .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 {
        	width:300px;
        	min-height:270px;
        }
        
        .header-area .container {
            max-width:100%;
        }
        
        .header-img {
			max-width:100%;
			width: 100%;
			text-align: center;
			padding-bottom:15px;
			min-height:184px;
        }
        
		.header-img p {
            float: left;
            position: inherit;
            width: 100%;
            margin-top: 10px;
            margin-bottom:0;
		}
		
		.header-area-bottom {
            float: left;
            width: 100%;
            padding: 3px 15px;
            background: white;
        }
        
        .home-image .container {
            max-width: 960px;
        }
        
		.header-img .logo img {
			margin: 14px 0 0 0;
			max-height:80px;
		}
        
        .logo {
        	float:none;
        	min-height: 99px;
        }
		
		.header-area-bottom {
			text-align:center;
		}
		
        .header-area-bottom-link {
            margin-right: 0;
            width: 100%;
        }
        
        .header-area-bottom-link p {
            margin: 9px 0 0 0;
        }
		
		.header-area-bottom-search,
		.header-area-bottom-social {
			float:none;
			display:inline-block;
		}
		
        .header-area-bottom-translate {
            float: none;
            margin-bottom: 10px;
            margin-top: 9px;
            min-height: 26px;
        }
        
        .header-area-bottom-align {
            float: left;
            width: 100%;
            min-width: 100%;
        }
        
		.menuarea {
			width: 100%;
			float: left;
			margin-top: 0;
			padding-right: 0;
			min-height: 42px;
		}
		
        .pagenav li {
            width:100%;
        }
		
        .home-image .container {
            max-width: 300px;
        }
		
		.image-area {
			width:300px;
		}
		
		.image-area .title {
			font-size: 1.6em;
		}
		
		.highlights .container .four.columns {
			width:300px;
			margin-bottom: 20px;
		}
        
        .flexy-menu {
            background:transparent;
            text-align:left !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: 21px 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 #fff !important;
        }
        
        .flexy-menu > li:hover {
            border-bottom:1px solid #fff !important;
        }
        
        .flexy-menu li {
            float:left !important;
        }
        
		.flexy-menu > li > a {
			padding: 12px 0 !important;
		}
        
        .flexy-menu li a {
            color:#fff !important;
        }
        
        .flexy-menu li a:hover {
            color:#fff !important;
        }
        
        .navclear {
            width:260px;
        }
        
        div.productDetailDescriptionContainer {
            width: 260px;
        }

        .dynamic-productdetail .addthis_sharing_toolbox {
            float:right;
            width:260px;
        }
        
		.productListing.productListingGrid li {
   			width: 100%;
			margin: 0 10px 10px 0;
		}
		
		.productTitle {
			margin-bottom: 0px !important;
		}
        
        .blogList img {
            float: none !important;
            display: block;
        }

        .photoGalleryElement .thumbnail {
              width: 122px;
        }  
        
        .photoGalleryElement .thumbnail .thumbContents {
            min-height:100px !important;
            background:transparent;
        }
        
        .productListing li span.productImageContainer {
        	padding: 0 0px 10px 0;
        	width:100%;
        }
        
		.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;
        }

        .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) {
        
        .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 {
        	width:420px;
        	min-height:270px;
        }
        
        .header-area .container {
            max-width:100%;
        }
        
        .header-img {
			max-width:100%;
			width: 100%;
			text-align: center;
			padding-bottom:15px;
			min-height:184px;
        }
        
		.header-img p {
            float: left;
            position: inherit;
            width: 100%;
            margin-top: 10px;
            margin-bottom:0;
		}
		
		.header-area-bottom {
            float: left;
            width: 100%;
            padding: 3px 15px;
            background: white;
        }
        
        .home-image .container {
            max-width: 960px;
        }
        
		.header-img .logo img {
			margin: 14px 0 0 0;
			max-height:80px;
		}
        
        .logo {
        	float:none;
        	min-height: 99px;
        }
		
		.header-area-bottom {
			text-align:center;
		}
		
        .header-area-bottom-link {
            margin-right: 0;
            width: 100%;
        }
        
        .header-area-bottom-link p {
            margin: 9px 0 0 0;
        }
		
		.header-area-bottom-search,
		.header-area-bottom-social {
			float:none;
			display:inline-block;
		}
		
        .header-area-bottom-translate {
            float: none;
            margin-bottom: 10px;
            margin-top: 9px;
            min-height: 26px;
        }
        
        .header-area-bottom-align {
            float: left;
            width: 100%;
            min-width: 100%;
        }
        
		.menuarea {
			width: 100%;
			float: left;
			margin-top: 0;
			padding-right: 0;
			min-height: 42px;
		}
		
        .home-image .container {
            max-width: 420px;
        }
		
		.image-area {
			width:420px;
		}
		
		.image-area .title {
			font-size: 1.6em;
		}
		
		.highlights .container .four.columns {
			width:420px;
			margin-bottom: 20px;
		}
        
        .flexy-menu {
            background:transparent;
            text-align:left !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: 21px 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 #fff !important;
        }
        
        .flexy-menu > li:hover {
            border-bottom:1px solid #fff !important;
        }
        
        .flexy-menu li {
            float:left !important;
        }
        
		.flexy-menu > li > a {
			padding: 12px 0 !important;
		}
        
        .flexy-menu li a {
            color:#fff !important;
        }
        
        .flexy-menu li a:hover {
            color:#fff !important;
        }
        
        .navclear {
            width:380px;
        }
        
        .pagenav li {
            width:100%;
        }
        
        div.productDetailDescriptionContainer {
            width: 380px;
        }

        .dynamic-productdetail .addthis_sharing_toolbox {
            float:right;
            width:380px;
        }
        
		.productListing.productListingGrid li {
   			width: 100%;
			margin: 0 10px 10px 0;
		}
        
		.productTitle {
			margin-bottom: 0px !important;
		}
        
        .blogList img {
            float: none !important;
            display: block;
        } 

        .photoGalleryElement .thumbnail {
              width: 102px;
        }  
        
        .photoGalleryElement .thumbnail .thumbContents {
            min-height:100px !important;
        } 
        
        .productListing li span.productImageContainer {
        	padding: 0 0px 10px 0;
        	width:100%;
        }
        
        .photoGalleryElement .thumbnail {
              width: 118px;
        }  
        
        .photoGalleryElement .thumbnail .thumbContents {
            min-height:100px !important;
            background:transparent;
        }
        
        .productListing li span.productImageContainer {
        	padding: 0 0px 10px 0;
        	width:100%;
        }
        
		.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:280px;
            float:left;
        }

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