/*
* 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)
	#Clearing */


/**************Global Structure*****************/

.extra-wrap{overflow:hidden; display:block;}


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

   .c{position: relative; width: 1320px; margin: 0 auto; }
    
    
    .g1, .g2, .g3, .g4, .g5, .g6, .g7, .g8, .g9, .g10, .g11, .g12{float: left; display: block; position:relative;}

     /* Base Grid */
    .c .g1 {width: 110px; }
    .c .g1.mar {width: 100px; margin:5px;}
    .c .g1.pad {width: 70px; padding-left:20px; padding-right:20px;}
    .c .g2 {width: 220px; }
    .c .g2.mar {width: 210px; margin:5px;}
    .c .g2.pad {width: 180px; padding-left:20px; padding-right:20px;}
    .c .g3 {width: 330px; }
    .c .g3.mar {width: 320px; margin:5px;}
    .c .g3.pad {width: 290px; padding-left:20px; padding-right:20px;}
    .c .g4 {width: 440px; }
    .c .g4.mar {width: 430px; margin:5px;}
    .c .g4.pad {width: 400px; padding-left:20px; padding-right:20px;}
    .c .g5 {width: 550px; }
    .c .g5.mar {width: 540px; margin:5px;}
    .c .g5.pad {width: 510px; padding-left:20px; padding-right:20px;}
    .c .g6 {width: 660px; }
    .c .g6.mar {width: 650px; margin:5px;}
    .c .g6.pad {width: 620px; padding-left:20px; padding-right:20px;}
    .c .g7 {width: 770px; }
    .c .g7.mar {width: 760px; margin:5px;}
    .c .g7.pad {width: 730px; padding-left:20px; padding-right:20px;}
    .c .g8 {width: 880px; }
    .c .g8.mar {width: 870px; margin:5px;}
    .c .g8.pad {width: 840px; padding-left:20px; padding-right:20px;}
    .c .g9 {width: 990px; }
    .c .g9.mar {width: 980px; margin:5px;}
    .c .g9.pad {width: 950px; padding-left:20px; padding-right:20px;}
    .c .g10 {width: 1100px; }
    .c .g10.mar {width: 1090px; margin:5px;}
    .c .g10.pad {width: 1060px; padding-left:20px; padding-right:20px;}
    .c .g11 {width: 1210px; }
    .c .g11.mar {width: 1200px; margin:5px;}
    .c .g11.pad {width: 1170px; padding-left:20px; padding-right:20px;}
    .c .g12 {width: 1320px; }
    .c .g12.mar {width: 1310px; margin:5px;}
    .c .g12.pad {width: 1280px; padding-left:20px; padding-right:20px;}

    /* Prefix Extra Space >> 12 Columns */
    .c .pre1{margin-left:110px;}
    .c .pre2{margin-left:220px;}
    .c .pre3{margin-left:330px;}
    .c .pre4{margin-left:440px;}
    .c .pre5{margin-left:550px;}
    .c .pre6{margin-left:660px;}
    .c .pre7{margin-left:770px;}
    .c .pre8{margin-left:880px;}
    .c .pre9{margin-left:990px;}
    .c .pre10{margin-left:1100px;}
    .c .pre11{margin-left:1210px;}
    .c .pre12{margin-left:1320px;}

    /* Suffix Extra Space >> 12 Columns */
    .c .suf1{margin-right:110px;}
    .c .suf2{margin-right:220px;}
    .c .suf3{margin-right:330px;}
    .c .suf4{margin-right:440px;}
    .c .suf5{margin-right:550px;}
    .c .suf6{margin-right:660px;}
    .c .suf7{margin-right:770px;}
    .c .suf8{margin-right:880px;}
    .c .suf9{margin-right:990px;}
    .c .suf10{margin-right:1100px;}
    .c .suf11{margin-right:1210px;}
    .c .suf12{margin-right:1320px;}
    
    .show-tp {display:none !important;}
    .show-mp {display:none !important;}
    .show-ml {display:none !important;} /* Hides by default. Doesn't show until mobile landscape "ml". */

	/*twin columns*/
	.dg2{float:left; width:140px;}
	.dg3{float:left; width:220px;}
	.dg4{float:left; width:300px;}
		.dg2:first-child, .dg3:first-child, .dg4:first-child{margin-right:20px;}
	/*triple columns*/
	.tg2{float:left; width:140px; margin-right:20px;}
	.tg3{float:left; width:220px; margin-right:20px;}
	.tg2.last-col, .tg3.last-col{margin-right:0px;}
	
	img{max-width:100%; height:auto;}
	.main-checkout-buttons .checkout-button{display:none;}
/* Note: Design for a width of 960px */
    @media only screen and (max-width: 1330px) {
        /* Base Grid */
        .c {position: relative; width: 960px; margin: 0 auto;}


        /* Base Grid */
        .c .g1 {width: 80px;}
        .c .g1.mar {width: 70px; margin:5px;}
        .c .g1.pad {width: 40px; padding-left:20px; padding-right:20px;}
        .c .g2 {width: 160px;}
        .c .g2.mar {width: 150px; margin:5px;}
        .c .g2.pad {width: 120px; padding-left:20px; padding-right:20px;}
        .c .g3 {width: 240px;}
        .c .g3.mar {width: 230px; margin:5px;}
        .c .g3.pad {width: 200px; padding-left:20px; padding-right:20px;}
        .c .g4 {width: 320px;}
        .c .g4.mar {width: 310px; margin:5px;}
        .c .g4.pad {width: 280px; padding-left:20px; padding-right:20px;}
        .c .g5 {width: 400px;}
        .c .g5.mar {width: 390px; margin:5px;}
        .c .g5.pad {width: 360px; padding-left:20px; padding-right:20px;}
        .c .g6 {width: 480px;}
        .c .g6.mar {width: 470px; margin:5px;}
        .c .g6.pad {width: 440px; padding-left:20px; padding-right:20px;}
        .c .g7 {width: 560px; }
        .c .g7.mar {width: 550px; margin:5px;}
        .c .g7.pad {width: 520px; padding-left:20px; padding-right:20px;}
        .c .g8 {width: 640px; }
        .c .g8.mar {width: 630px; margin:5px;}
        .c .g8.pad {width: 600px; padding-left:20px; padding-right:20px;}
        .c .g9 {width: 720px; }
        .c .g9.mar {width: 710px; margin:5px;}
        .c .g9.pad {width: 680px; padding-left:20px; padding-right:20px;}
        .c .g10 {width: 800px; }
        .c .g10.mar {width: 790px; margin:5px;}
        .c .g10.pad {width: 760px; padding-left:20px; padding-right:20px;}
        .c .g11 {width: 880px; }
        .c .g11.mar {width: 870px; margin:5px;}
        .c .g11.pad {width: 840px; padding-left:20px; padding-right:20px;}
        .c .g12 {width: 960px; }
        .c .g12.mar {width: 950px; margin:5px;}
        .c .g12.pad {width: 920px; padding-left:20px; padding-right:20px;}

        /* Prefix Extra Space >> 12 Columns */
        .c .pre1{margin-left:80px;}
        .c .pre2{margin-left:160px;}
        .c .pre3{margin-left:240px;}
        .c .pre4{margin-left:320px;}
        .c .pre5{margin-left:400px;}
        .c .pre6{margin-left:480px;}
        .c .pre7{margin-left:560px;}
        .c .pre8{margin-left:640px;}
        .c .pre9{margin-left:720px;}
        .c .pre10{margin-left:800px;}
        .c .pre11{margin-left:880px;}
        .c .pre12{margin-left:960px;}

        /* Suffix Extra Space >> 12 Columns */
        .c .suf1{margin-right:80px;}
        .c .suf2{margin-right:160px;}
        .c .suf3{margin-right:240px;}
        .c .suf4{margin-right:320px;}
        .c .suf5{margin-right:400px;}
        .c .suf6{margin-right:480px;}
        .c .suf7{margin-right:560px;}
        .c .suf8{margin-right:640px;}
        .c .suf9{margin-right:720px;}
        .c .suf10{margin-right:800px;}
        .c .suf11{margin-right:880px;}
        .c .suf12{margin-right:960px;}
    
        
    }

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

	/* Note: Design for a width of 768px */
	@media only screen and (max-width: 995px) {
		.c			{width: 768px;}
		/* Base Grid */
        .c .g1 {width: 64px; }
        .c .g1.mar {width: 54px; margin:5px;}
        .c .g1.pad {width: 24px; padding-left:20px; padding-right:20px;}
        .c .g2 {width: 128px; }
        .c .g2.mar {width: 118px; margin:5px;}
        .c .g2.pad {width: 88px; padding-left:20px; padding-right:20px;}
        .c .g3 {width: 192px; }
        .c .g3.mar {width: 182px; margin:5px;}
        .c .g3.pad {width: 152px; padding-left:20px; padding-right:20px;}
        .c .g4 {width: 256px; }
        .c .g4.mar {width: 246px; margin:5px;}
        .c .g4.pad {width: 216px; padding-left:20px; padding-right:20px;}
        .c .g5 {width: 320px; }
        .c .g5.mar {width: 310px; margin:5px;}
        .c .g5.pad {width: 280px; padding-left:20px; padding-right:20px;}
        .c .g6 {width: 384px; }
        .c .g6.mar {width: 374px; margin:5px;}
        .c .g6.pad {width: 344px; padding-left:20px; padding-right:20px;}
        .c .g7 {width: 448px; }
        .c .g7.mar {width: 438px; margin:5px;}
        .c .g7.pad {width: 408px; padding-left:20px; padding-right:20px;}
        .c .g8 {width: 512px; }
        .c .g8.mar {width: 502px; margin:5px;}
        .c .g8.pad {width: 472px; padding-left:20px; padding-right:20px;}
        .c .g9 {width: 576px; }
        .c .g9.mar {width: 566px; margin:5px;}
        .c .g9.pad {width: 536px; padding-left:20px; padding-right:20px;}
        .c .g10 {width: 640px; }
        .c .g10.mar {width: 630px; margin:5px;}
        .c .g10.pad {width: 600px; padding-left:20px; padding-right:20px;}
        .c .g11 {width: 704px; }
        .c .g11.mar {width: 694px; margin:5px;}
        .c .g11.pad {width: 664px; padding-left:20px; padding-right:20px;}
        .c .g12 {width: 768px; }
        .c .g12.mar {width: 758px; margin:5px;}
        .c .g12.pad {width: 728px; padding-left:20px; padding-right:20px;}

        /* Prefix Extra Space >> 12 Columns */
        .c .pre1{margin-left:64px;}
        .c .pre2{margin-left:128px;}
        .c .pre3{margin-left:192px;}
        .c .pre4{margin-left:256px;}
        .c .pre5{margin-left:320px;}
        .c .pre6{margin-left:384px;}
        .c .pre7{margin-left:448px;}
        .c .pre8{margin-left:512px;}
        .c .pre9{margin-left:576px;}
        .c .pre10{margin-left:640px;}
        .c .pre11{margin-left:704px;}
        .c .pre12{margin-left:768px;}

        /* Suffix Extra Space >> 12 Columns */
        .c .suf1{margin-right:64px;}
        .c .suf2{margin-right:128px;}
        .c .suf3{margin-right:192px;}
        .c .suf4{margin-right:256px;}
        .c .suf5{margin-right:320px;}
        .c .suf6{margin-right:384px;}
        .c .suf7{margin-right:448px;}
        .c .suf8{margin-right:512px;}
        .c .suf9{margin-right:576px;}
        .c .suf10{margin-right:640px;}
        .c .suf11{margin-right:704px;}
        .c .suf12{margin-right:768px;}
        
        .show-tp {display:block !important;}
		
		/*twin columns*/
		.dg2{width:108px;}
		.dg3{width:172px;}
		.dg4{width:236px;}
		/*triple columns*/
		.tg2{width:108px;}
		.tg3{width:172px;}
		
		/*styles*/
		.big p{font-size:1em;}
		img{max-width:100%; height:auto;}
		.hide-tp{display:none !important;}
		.hide-tp-only{display:none !important;}
		.img-indent-none-tp{float:none !important; margin-right:0 !important; margin-bottom:10px !important;}
		.clear-tp{display:block; clear:both !important; padding-top:20px !important;}
		.extra-wrap-none-tp{overflow:visible !important;}
	}


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

	/* Note: Design for a width of 480px */
	@media only screen and (max-width: 778px) {
		.c {width: 420px;}

        .c .g1, .c .g1.pad, .c .g1.mar,
		.c .g2, .c .g2.pad, .c .g2.mar,
		.c .g3, .c .g3.pad, .c .g3.mar,
		.c .g4, .c .g4.pad, .c .g4.mar,
		.c .g5, .c .g5.pad, .c .g5.mar,
		.c .g6, .c .g6.pad, .c .g6.mar,
		.c .g7, .c .g7.pad, .c .g7.mar,
		.c .g8, .c .g8.pad, .c .g8.mar,
		.c .g9, .c .g9.pad, .c .g9.mar,
		.c .g10, .c .g10.pad, .c .g10.mar,
		.c .g11, .c .g11.pad, .c .g11.mar,
		.c .g12, .c .g12.pad, .c .g12.mar
		{width: 420px; margin-left:0px; margin-right:0px;}
        
		
		.c .g1,
		.c .g2,
		.c .g3,
		.c .g4,
		.c .g5,
		.c .g6,
		.c .g7,
		.c .g8,
		.c .g9,
		.c .g10,
		.c .g11{}
		
		/* Prefix Extra Space >> 12 Columns */
		.c .pre1,
		.c .pre2,
		.c .pre3,
		.c .pre4,
		.c .pre5,
		.c .pre6,
		.c .pre7,
		.c .pre8,
		.c .pre9,
		.c .pre10,
		.c .pre11{padding-left:0;}

		/* Suffix Extra Space >> 12 Columns */
		.c .suf1,
		.c .suf2,
		.c .suf3,
		.c .suf4,
		.c .suf5,
		.c .suf6,
		.c .suf7,
		.c .suf8,
		.c .suf9,
		.c .suf10,
		.c .suf11{padding-right:0;}
        
        #header .g4 {margin-bottom:0;}
        #header .g4 p {text-align:center;}
        #footer p {text-align:center;}
		
		/*twin columns*/
		.dg2, .dg3, .dg4{width:200px;}
		/*triple columns*/
		.tg2, .tg3{width:126px;}
		
		/*styles*/
		.last-col{margin-bottom:0 !important;}
		.hide-tp-only{display:block !important;}
		.hide-ml{display:none !important;}
        .show-ml {display:block !important;}
        #header p { text-align:center;}
        .fnav {text-align:center;}
		.img-indent-none-ml{float:none !important; margin-right:0 !important; margin-bottom:10px !important;}
		.clear-ml{display:block; clear:both !important; padding-top:20px !important;}
		.extra-wrap-none-ml{overflow:visible !important;}
        .hide767 {display:none;}
        span.hide-tp.show-ls{display:inline !important;}

	}


/* #Mobile (Portrait)
================================================== */
	
	/* Note: Design for a width of 320px */
	@media only screen and (max-width: 490px) {
		.c{width:300px;}
        
        .c .g1, .c .g1.pad, .c .g1.mar,
		.c .g2, .c .g2.pad, .c .g2.mar,
		.c .g3, .c .g3.pad, .c .g3.mar,
		.c .g4, .c .g4.pad, .c .g4.mar,
		.c .g5, .c .g5.pad, .c .g5.mar,
		.c .g6, .c .g6.pad, .c .g6.mar,
		.c .g7, .c .g7.pad, .c .g7.mar,
		.c .g8, .c .g8.pad, .c .g8.mar,
		.c .g9, .c .g9.pad, .c .g9.mar,
		.c .g10, .c .g10.pad, .c .g10.mar,
		.c .g11, .c .g11.pad, .c .g11.mar,
		.c .g12, .c .g12.pad, .c .g12.mar
		{width: 300px; margin-left:0px; margin-right:0px;}
		/*twin columns*/
		.dg2{width:140px;}
		.dg3, .dg4{width:300px;}
			.dg3:first-child, .dg4:first-child{margin-right:0; margin-bottom:10px;}
		/*twin columns*/
		.tg2{width:90px; margin-right:15px;}
		.tg3{width:300px; margin-right:0; margin-bottom:10px;}
			.tg3.last-col{margin-bottom:0;}
		
		/*styles*/
		.mnav select{width:100%;}
        span.hide-tp.show-ls {display:none !important;}
        .hide-mp{display:none !important;}
		.img-indent-none-mp{float:none !important; margin-right:0 !important; margin-bottom:10px !important;}
		.clear-mp{display:block; clear:both !important; padding-top:20px !important;}
		.extra-wrap-none-mp{overflow:visible !important;}
	}


/* #Clearing
================================================== */

	/* Self Clearing Goodness */
	.c:after {content: "\0020"; display: block; height: 0; clear: both; visibility: hidden;}

	/* Use clearfix class on parent to clear nested columns,
	or wrap each row of columns in a <div class="row"> */
	.clearfix:before,
	.clearfix:after,
	.row:before,
	.row:after {
		content: '\0020';
		display: block;
		overflow: hidden;
		visibility: hidden;
		width: 0;
		height: 0;}
	.row:after, .clearfix:after {clear: both;}
	.row, .clearfix {zoom: 1;}

	/* You can also use a <br class="clear" /> to clear columns */
	.clear {
		clear: both;
		display: block;
		overflow: hidden;
		visibility: hidden;
		width: 0;
		height: 0;
	}