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

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */

/* #Page Styles
================================================== */

/* #Media Queries
================================================== */




	/* Base Css */

	body {

	/* Fallback for <IE9 and other older browsers */
			background-color:black;
	
	/* Multi-background supporting browsers */

	}

	.detailContent {
		z-index:99;
		padding:0;
		font-size:18px
	}

	.footerBackButton {
		text-align:right;
		background:url(../images/footerBackButtonBG.gif) 0 0 repeat-x
	}

.buyBut {
	background-color: rgb(187, 160, 89);
	border: 0px solid rgb(187, 160, 89);
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	height:36px;
	font-size:18px;
	line-height:34px;
	text-align:center;
	margin:0 auto;	
	color:black;
	font-weight:bold;
	word-wrap: break-word;
	max-width: 100%;
}
.buyButProceed {
	background-color: rgb(187, 160, 89);
	border: 0px solid rgb(187, 160, 89);
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	height:36px;
	font-size:18px;
	line-height:34px;
	text-align:center;
	margin:0 auto;	
	color:black;
	font-weight:bold;
	word-wrap: break-word;
	padding:0 10px 0 10px;
	max-width: auto;
}
.buyButNotActive {
	background-color: rgb(78, 67, 37);
	border: 0px solid rgb(78, 67, 37);
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	height:36px;
	font-size:18px;
	line-height:34px;
	text-align:center;
	margin:0 auto;	
	color:black;
	font-weight:bold;
	word-wrap: break-word;
	max-width: 100%;
}
.buyHeader {
	float:right;
	text-align:center;
	margin:0 auto;
	width:60%;
	font-size:26px;
	line-height:34px;
	font-weight:bold;
}

.buyHeaderUnique {
    float:right;
	text-align:center;
	margin:0 auto;
	width:100%;
	font-size:26px;
	line-height:34px;
	font-weight:bold;
}

a.buyButLnk:link {
	text-decoration: none;
}


.buyNavBox {
	height:30px;
	border-bottom:1px solid #3c331d;
	padding:20px 0 18px 0
}
.buyNavLeft {
	float:left;
	width:20%;
	text-align:left;
	cursor:pointer;
}
.buyNavRight {
	float:right;
	width:20%;
	text-align:right;
    cursor:pointer;	
}
.buyContentBox {
	padding:20px 0 20px 0;
	min-height:380px;

}

.butLogin {
    left: 0;
    margin:0.05%;
	width:30%;
    cursor:pointer;
}

.butBtn {
    background-color: rgb(187, 160, 89)!important;
	border: 0px solid rgb(187, 160, 89)!important;
	border-top-left-radius: 5px!important;
	border-top-right-radius: 5px!important;
	border-bottom-right-radius: 5px!important;
	border-bottom-left-radius: 5px!important;
	font-size:18px!important;
	line-height:34px!important;
	text-align:center!important;
	margin:0 auto!important;
	color:black!important;
	font-weight:bold!important;
	word-wrap: break-word!important;
	max-width: 100%!important;
    text-shadow:0 0px!important;
}

input[type="radio"] {
    display:none;
}
input[type="radio"] + label span {
    display:inline-block;
    width:20px;
    height:20px;
    margin:-1px 4px 0 10px;
    vertical-align:middle;
    background:url(../images/bg_radioBut.png) left top no-repeat;
    cursor:pointer;
}
input[type="radio"]:checked + label span {
    background:url(../images/bg_radioBut.png) -19px top no-repeat;
}

.butBuySelected {
	background-color:#bba059;
	float:left;
	width:25%;
	height:55px;
	text-align:center;
	margin:0 auto;
	line-height:55px;
	color:black;
}
a.butBuyLnkSelected:link, butBuyLnkSelected:active, butBuyLnkSelected:hover, butBuyLnkSelected:visited  {
	text-decoration: none;
	color:black
}
.butBuyNotSelected {
	background-color:#8c7843;
	float:left;
	width:25%;
	height:55px;
	text-align:center;
	margin:0 auto;
	line-height:55px;
	-webkit-box-shadow: inset -1px 0 1px 0 #806b32;
	-moz-box-shadow: inset -1px 0 1px 0 #806b32;
	box-shadow: inset -1px 0 1px 0 #806b32;
}
.butBuyBox {
	display: table;
	text-align:center;
	margin:0 auto;
}
.butBuyIco {
	vertical-align: middle;
	display: table-cell;
}
.butBuyIcoText {
	vertical-align: middle;
	display: table-cell;
}
.icoTextNotSelected {
	color:#6d5e34
}
.icoTextSelected {
	color:black
}

.inputShad {
	-webkit-box-shadow:inset 0 0 5px #000;
	-moz-box-shadow:inset 0 0 5px #000;
	box-shadow:inset 0 0 5px #000;
	height: 20px;
	width:260px !important;
	margin: 10px;
	overflow: auto;
	padding: 7px 10px;
	/*border:1px solid #aaa !important;*/
	-webkit-border-radius:5px; 
	-moz-border-radius:5px; 
	border-radius:5px;
	color:#3c2d07
}
.selectShad {
	-webkit-box-shadow:inset 0 0 5px #000 !important;
	-moz-box-shadow:inset 0 0 5px #000 !important;
	box-shadow:inset 0 0 5px #000 !important;;
	height: 30px;
	width:270px;
	margin: 2px 10px 10px 0;
	overflow: auto;
	border:1px solid #aaa;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	color:#3c2d07
}

/* ************* GET RESPONSIVE ************************************************************************************************************************************************************************* */



	/* Equal or Higher than standard 960 (big screens) */
	@media only screen and (min-width: 1200px) {
		/* styles for wide screens */
		#innerShadow {
			top:152px;
			margin-left:10px
		}buyContentBox2
    .image-buy-promo{
			width:60%; float:right;display:block;position:relative;}
         /*   new    */
         .buyContentBox2{
			width:30%; float:left;display:block;position:relative;}
         .image-buy-promo{
			width:100%;display:block;visibility:visible;}
         .disclaimer-box{
			width:65%; float:right;display:block;position:relative;margin-left:5%;}
         .txt-box{
			width:100%; height:300px; float:right;display:block;position:relative;}

	}

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (min-width: 960px) and (max-width: 1199px) {	
		.image-buy-promo{
			width:60%; float:right;display:block;position:relative;}
        /*   new    */
         .buyContentBox2{
			width:30%; float:left;display:block;position:relative;}
         .image-buy-promo{
			width:100%;display:block;visibility:visible;}
         .disclaimer-box{
			width:65%; float:right;display:block;position:relative;margin-left:5%;}
         .txt-box{
			width:100%; height:300px; float:right;display:block;position:relative;}
			
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
        .image-buy-promo{
			width:100%;display:block;visibility:visible;}
        /*   new    */
         .buyContentBox2{
			width:30%; float:left;display:block;position:relative;}
         .image-buy-promo{
			width:100%;display:block;visibility:visible;}
         .disclaimer-box{
			width:65%; float:right;display:block;position:relative;margin-left:5%;}
         .txt-box{
			width:100%; height:300px; float:right;display:block;position:relative;}
       
	}

/* All Mobile Sizes (devices and browser) *//*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */

/* #Page Styles
================================================== */

/* #Media Queries
================================================== */




	/* Base Css */

	body {

	/* Fallback for <IE9 and other older browsers */
			background-color:black;
	
	/* Multi-background supporting browsers */

	}

	.detailContent {
		z-index:99;
		padding:0;
		font-size:18px
	}

	.footerBackButton {
		text-align:right;
		background:url(../images/footerBackButtonBG.gif) 0 0 repeat-x
	}

.buyBut {
	background-color: rgb(187, 160, 89);
	border: 0px solid rgb(187, 160, 89);
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	height:36px;
	font-size:18px;
	line-height:34px;
	text-align:center;
	margin:0 auto;	
	color:black;
	font-weight:bold;
	word-wrap: break-word;
	max-width: 100%;
}
.buyButProceed {
	background-color: rgb(187, 160, 89);
	border: 0px solid rgb(187, 160, 89);
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	height:36px;
	font-size:18px;
	line-height:34px;
	text-align:center;
	margin:0 auto;	
	color:black;
	font-weight:bold;
	word-wrap: break-word;
	padding:0 10px 0 10px;
	max-width: auto;
}
.buyButNotActive {
	background-color: rgb(78, 67, 37);
	border: 0px solid rgb(78, 67, 37);
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	height:36px;
	font-size:18px;
	line-height:34px;
	text-align:center;
	margin:0 auto;	
	color:black;
	font-weight:bold;
	word-wrap: break-word;
	max-width: 100%;
}
.buyHeader {
	float:right;
	text-align:center;
	margin:0 auto;
	width:60%;
	font-size:26px;
	line-height:34px;
	font-weight:bold;
}

.buyHeaderUnique {
    float:right;
	text-align:center;
	margin:0 auto;
	width:100%;
	font-size:26px;
	line-height:34px;
	font-weight:bold;
}

a.buyButLnk:link {
	text-decoration: none;
}


.buyNavBox {
	height:30px;
	border-bottom:1px solid #3c331d;
	padding:20px 0 18px 0
}
.buyNavLeft {
	float:left;
	width:20%;
	text-align:left;
	cursor:pointer;
}
.buyNavRight {
	float:right;
	width:20%;
	text-align:right;
    cursor:pointer;	
}
.buyContentBox {
	padding:20px 0 20px 0;
	min-height:380px;

}

.butLogin {
    left: 0;
    margin:0.05%;
	width:30%;
    cursor:pointer;
}

.butBtn {
    background-color: rgb(187, 160, 89)!important;
	border: 0px solid rgb(187, 160, 89)!important;
	border-top-left-radius: 5px!important;
	border-top-right-radius: 5px!important;
	border-bottom-right-radius: 5px!important;
	border-bottom-left-radius: 5px!important;
	font-size:18px!important;
	line-height:34px!important;
	text-align:center!important;
	margin:0 auto!important;
	color:black!important;
	font-weight:bold!important;
	word-wrap: break-word!important;
	max-width: 100%!important;
    text-shadow:0 0px!important;
}

input[type="radio"] {
    display:none;
}
input[type="radio"] + label span {
    display:inline-block;
    width:20px;
    height:20px;
    margin:-1px 4px 0 10px;
    vertical-align:middle;
    background:url(../images/bg_radioBut.png) left top no-repeat;
    cursor:pointer;
}
input[type="radio"]:checked + label span {
    background:url(../images/bg_radioBut.png) -19px top no-repeat;
}

.butBuySelected {
	background-color:#bba059;
	float:left;
	width:25%;
	height:55px;
	text-align:center;
	margin:0 auto;
	line-height:55px;
	color:black;
}
a.butBuyLnkSelected:link, butBuyLnkSelected:active, butBuyLnkSelected:hover, butBuyLnkSelected:visited  {
	text-decoration: none;
	color:black
}
.butBuyNotSelected {
	background-color:#8c7843;
	float:left;
	width:25%;
	height:55px;
	text-align:center;
	margin:0 auto;
	line-height:55px;
	-webkit-box-shadow: inset -1px 0 1px 0 #806b32;
	-moz-box-shadow: inset -1px 0 1px 0 #806b32;
	box-shadow: inset -1px 0 1px 0 #806b32;
}
.butBuyBox {
	display: table;
	text-align:center;
	margin:0 auto;
}
.butBuyIco {
	vertical-align: middle;
	display: table-cell;
}
.butBuyIcoText {
	vertical-align: middle;
	display: table-cell;
}
.icoTextNotSelected {
	color:#6d5e34
}
.icoTextSelected {
	color:black
}

.inputShad {
	-webkit-box-shadow:inset 0 0 5px #000;
	-moz-box-shadow:inset 0 0 5px #000;
	box-shadow:inset 0 0 5px #000;
	height: 20px;
	width:260px !important;
	margin: 10px;
	overflow: auto;
	padding: 7px 10px;
	/*border:1px solid #aaa !important;*/
	-webkit-border-radius:5px; 
	-moz-border-radius:5px; 
	border-radius:5px;
	color:#3c2d07
}
.selectShad {
	-webkit-box-shadow:inset 0 0 5px #000 !important;
	-moz-box-shadow:inset 0 0 5px #000 !important;
	box-shadow:inset 0 0 5px #000 !important;;
	height: 30px;
	width:270px;
	margin: 2px 10px 10px 0;
	overflow: auto;
	border:1px solid #aaa;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	color:#3c2d07
}

/* ************* GET RESPONSIVE ************************************************************************************************************************************************************************* */



	/* Equal or Higher than standard 960 (big screens) */
	@media only screen and (min-width: 1200px) {
		/* styles for wide screens */
		#innerShadow {
			top:152px;
			margin-left:10px
		}
    .image-buy-promo{
			width:100%; float:left;display:block;position:relative;}
         /*   new    */
         .buyContentBox2{
			width:30%; float:left;display:block;position:relative;margin-bottom:40px;}
      
         .disclaimer-box{
			width:65%; float:right;display:block;position:relative;margin-left:5%;}
         .txt-box{
			width:100%; height:410px; float:right;display:block;position:relative;}

	}

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (min-width: 960px) and (max-width: 1199px) {	
	
        /*   new    */
         .buyContentBox2{
			width:30%; float:left;display:block;position:relative;margin-bottom:40px;}
         .image-buy-promo{
			width:100%;display:block;visibility:visible;}
         .disclaimer-box{
			width:65%; float:right;display:block;position:relative;margin-left:5%;}
         .txt-box{
			width:100%; height:365px; float:right;display:block;position:relative;}
			
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
     
        /*   new    */
         .buyContentBox2{
			width:30%; float:left;display:block;position:relative;}
         .image-buy-promo{
			width:100%;display:block;visibility:visible;}
         .disclaimer-box{
			width:65%; float:right;display:block;position:relative;margin-left:5%;}
         .txt-box{
			width:100%; height:325px; float:right;display:block;position:relative;}
       
	}

/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
	
        /*   new    */
         .buyContentBox2{
			width:30%; float:left;display:block;position:relative;}
         .image-buy-promo{
			width:100%;display:block;visibility:visible;}
         .disclaimer-box{
			width:65%; float:right;display:block;position:relative;margin-left:5%;}
         .txt-box{
			width:100%; height:300px; float:right;display:block;position:relative;}


		/* Specific */


		.butBuyIco {
			vertical-align: text-bottom;
			display:block;
			width:35px;
			padding:2px 0 0 5px;
		}
		.icoTextSelected, .icoTextNotSelected {
			text-align:center;
			font-size:10px !important;
			position:relative;
			top:-20px !important
		}
		.buyButProceed {
			width: 100%;
		}
        .butLogin {
	        width:100%;
        }		
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
        /*   new    */
         .buyContentBox2{
			width:30%; float:left;display:block;position:relative;}
         .image-buy-promo{
			width:100%;display:none;visibility:hidden;}
         .disclaimer-box{
			width:65%; float:right;display:block;position:relative;margin-left:5%;}
         .txt-box{
			width:100%; height:300px; float:right;display:block;position:relative;}
        
        
        
		}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
        .buyContentBox2{
			width:100%; float:left;display:block;position:relative;}
         .image-buy-promo{
			width:100%;display:none;visibility:hidden;}
         .disclaimer-box{
			width:100%; float:right;display:block;position:relative;margin-bottom:10%;}
         .txt-box{
			width:100%; height:200px; float:right;display:block;position:relative;}

		.langMsg {
			font-size:11px;
		}
		
		
		/* Specific */
		
.buyBut {
	height:30px;
	font-size:14px;
	line-height:30px;
}
.buyButNotActive {
	height:30px;
	font-size:14px;
	line-height:30px;
}
.buyHeader {
	width:60%;
	font-size:18px;
	line-height:30px;
}								
	}
/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/
	@media only screen and (max-width: 767px) {
		.image-buy-promo{
			width:60%; float:right;display:block;position:relative;}
        /*   new    */
         .buyContentBox2{
			width:30%; float:left;display:block;position:relative;}
         .image-buy-promo{
			width:100%;display:block;visibility:visible;}
         .disclaimer-box{
			width:65%; float:right;display:block;position:relative;margin-left:5%;}
         .txt-box{
			width:100%; height:300px; float:right;display:block;position:relative;}


		/* Specific */


		.butBuyIco {
			vertical-align: text-bottom;
			display:block;
			width:35px;
			padding:2px 0 0 5px;
		}
		.icoTextSelected, .icoTextNotSelected {
			text-align:center;
			font-size:10px !important;
			position:relative;
			top:-20px !important
		}
		.buyButProceed {
			width: 100%;
		}
        .butLogin {
	        width:100%;
        }		
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
        /*   new    */
         .buyContentBox2{
			width:30%; float:left;display:block;position:relative;}
         .image-buy-promo{
			width:100%;display:none;visibility:hidden;}
         .disclaimer-box{
			width:65%; float:right;display:block;position:relative;margin-left:5%;}
         .txt-box{
			width:100%; height:300px; float:right;display:block;position:relative;}
        
        
        
		}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
        .buyContentBox2{
			width:100%; float:left;display:block;position:relative;}
         .image-buy-promo{
			width:100%;display:none;visibility:hidden;}
         .disclaimer-box{
			width:100%; float:right;display:block;position:relative;}
         .txt-box{
			width:100%; height:200px; float:right;display:block;position:relative;}

		.langMsg {
			font-size:11px;
		}
		
		
		/* Specific */
		
.buyBut {
	height:30px;
	font-size:14px;
	line-height:30px;
}
.buyButNotActive {
	height:30px;
	font-size:14px;
	line-height:30px;
}
.buyHeader {
	width:60%;
	font-size:18px;
	line-height:30px;
}								
	}
/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/