@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ */

@import url(http://fonts.googleapis.com/css?family=Raleway:400,300,100,500);
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	10;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

/* Mobile Layout: 480px and below. */

.gridContainer {
	margin-left: auto;
	margin-right: auto;	
	width:100%;
	max-width:480px;
	font-family:'Raleway', Arial, Helvetica, sans-serif;
}

.clear{ clear:both;}
.yellow{ height:68px; background-color:#ffe400; border-bottom:#FFF 2px solid; }
.container{ margin:0px auto;}
.what{font-family:'Raleway'; font-size:23px; font-weight:100; color:#000; padding-bottom:44px;padding-left:10px;}
.grey{ background-color:#3e3e3e; height:8px; }
.whitemain{background-color:#FFF; background-image:url(../images/mob-main-bg.jpg); background-repeat:no-repeat; background-position:top center;}
#whitemain-big{display:none;}
#whitemain-mob{display:block;background-image:url(../images/mob-main-bg); background-repeat:no-repeat; background-position:top center; }


.questioncontainer{padding-top:10px;}

#tab-container-mob{display:block; background-color:#3e3e3e; width:100%; }
#tab-container-big{display:none;}

.tab-container{ margin-bottom:2px;}
.tab-container a{ text-decoration:none;}
.tab-container a:hover{ text-decoration:none; cursor:pointer;}
/*
.bg-left{width:auto; height:48px;  float:left; white-space:nowrap;}
.bg-left ul{margin:0px; padding:0px;}
.bg-left ul li{height:48px; background-image:url(../images/bg-mid.jpg); background-repeat:repeat-x; padding-top:13px; font-family:'Raleway'; font-size:16px; font-weight:500; color:#fff;padding-left:9px; padding-right:10px; white-space:nowrap; }
.bg-left ul li a{color:#fff; text-decoration:none;}
.bg-left ul li a:hover{color:#b8d03b; text-decoration:none;}
.bg-left ul li.selected{ font-size:16px; font-weight:500; color:#b8d03b; text-decoration:none;list-style:none;}*/

.bg-left{width:auto; height:48px;  float:left; }
.bg-left ul{margin:0px; padding:0px;}
.bg-left ul li{list-style-image:url(../images/bullet-white.png); list-style-position:inside;  background-color:#3e3e3e;padding-top:7px; height:40px;font-family:'Raleway';  font-size:14px; font-weight:500; color:#fff; padding-left:9px; padding-right:35px; white-space:nowrap;  }
.bg-left ul li a{color:#fff; text-decoration:none;}
.bg-left ul li a:hover{color:#b8d03b; text-decoration:none;}

.bg-left ul li.selected{list-style-image:url(../images/bullet-green.png); list-style-position:inside; font-size:14px; font-weight:500; color:#b8d03b; text-decoration:none;background-color:#3e3e3e;padding-top:7px; height:40px;}





.bg-right{width:24px; height:48px; float:left; }


.bg-right{width:24px; height:48px; float:left; }
.bookcontainer{/*width:200px; */height:298px;position:relative;}
.book{position:absolute; width:221px; height:361px; left:150px; bottom:-65px;}

.button-wrap{ position: relative;}
.shop-button {
    position: absolute;
    left: 0%;
    top: -65px;
    z-index: 10;
    background-color: #FFE400;
    padding: 10px 17px;
    border-radius: 4px;
    border: none;
    font-size: 19px;
    font-family: 'Raleway', Arial, Helvetica, sans-serif;}
	
.sneak{position: relative;}	
.sneak-inn{ position: absolute; left: 12%; top: 100px;}
.sneak-inn a{ text-decoration: none;}
.sneak-inn a:hover{ text-decoration: none;}	



.button-wrap-inn{ position: relative;}
.shop-button-inn{ position: absolute; top: -114px; left: 101px; z-index: 10; background-color: #FFE400; padding: 20px 41px; border-radius: 4px; border: none; font-size: 21px; font-family:'Raleway', Arial, Helvetica, sans-serif;}



.px16{height:16px;}

.green{background-color:#b8d03b; min-height:217px;}
.green-left{}
.green-right{margin-left:10px;margin-top:10px ;margin-bottom:40px;}

.footer{background-color:#FFF; height:37px;}
.footer-container{font-family:'Raleway'; font-weight:100; color:#000; font-size:14px;padding-left:10px;}
.question{font-family:'Raleway'; font-size:18px; color:#000; font-weight:100;margin-left:10px; margin-right:10px;}
.question-ans{font-family:'Raleway'; font-size:12px; color:#000; font-weight:100; margin-left:10px; margin-right:10px;}
#green-mob{display:block;}
#green-big{display:none;}
#footer-mob{display:block;}
#footer-big{display:none;}
.inner-whitemain{background-color:#FFF;   min-height:500px;  background-repeat:no-repeat; background-position:top center;}
#inner-whitemain-big{ display:none;}
#inner-whitemain-mob{ display:block;}

.inner-questioncontainer{padding-top:10px;}
.inner-green{background-color:#b8d03b; min-height:60px;}
.px6{height:6px;}
.px44{height:44px;}
.page-title{font-family:'Raleway'; font-size:25px; color:#000; font-weight:500; margin-bottom:14px; line-height:28px;}
.main-text{font-family:'Raleway'; font-weight:300; color:#000; font-size:13px; padding-left:10px; padding-right:10px; line-height:19px;}
.main-text a{color:#bc3f34; text-decoration:underline; font-weight:bold;}
.main-text a:hover{color:#bc3f34; text-decoration:none; font-weight:bold;}
.innerbook{text-align:center;}
#px44{display:none;}
#px22{height:22px;display:block;}


.theBook {display:block;}
.theMan {display:none;}

}

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {
.gridContainer {
	width:100%;
	max-width:769px;
	font-family:'Raleway', Arial, Helvetica, sans-serif;
}

.sneak{ position: relative;}	
.sneak-inn{ position: absolute; left: 72%;}

.shop-button{ position: absolute; left: 90%; top: -94px; z-index: 10; background-color: #FFE400; padding: 20px 41px; border-radius: 4px; border: none; font-size: 21px; font-family:'Raleway', Arial, Helvetica, sans-serif;}



.clear{ clear:both;}
.yellow{ height:68px; background-color:#ffe400; border-bottom:#FFF 2px solid; }
.container{ margin:0px auto;}
.what{font-family:'Raleway'; font-size:38px; font-weight:100; color:#000; padding-bottom:44px;}
.grey{ background-color:#3e3e3e; height:8px; }
.whitemain{background-color:#FFF; min-height:500px; background-image:url(../images/whitebg.jpg); background-repeat:no-repeat; background-position:top center;}
#whitemain-big{display:block;}
#whitemain-mob{display:none;}


.questioncontainer{width:700px; float:left;padding-top:53px;}

#tab-container-mob{display:none;background-color:#3e3e3e; width:100%; }
#tab-container-big{display:block;}



.tab-container{width:auto; margin-bottom:5px;}
.tab-container a{ text-decoration:none;}
.tab-container a:hover{ text-decoration:none; cursor:pointer;}

.bg-left{width:auto; height:48px;  float:left;}
.bg-left ul{margin:0px; padding:0px;}
.bg-left ul li{list-style-image:url(../images/bullet-white.png); list-style-position:inside;  background-color:#3e3e3e;padding-top:7px; height:40px;font-family:'Raleway';  font-size:19px; font-weight:500; color:#fff; padding-left:9px; padding-right:35px; white-space:nowrap;  }
.bg-left ul li a{color:#fff; text-decoration:none;}
.bg-left ul li a:hover{color:#b8d03b; text-decoration:none;}

.bg-left ul li.selected{list-style-image:url(../images/bullet-green.png); list-style-position:inside; font-size:19px; font-weight:500; color:#b8d03b; text-decoration:none;background-color:#3e3e3e;padding-top:7px; height:40px;}


.bg-right{width:24px; height:48px; float:left; }
.bookcontainer{/*width:200px;*/ height:298px;position:relative;}
.book{position:absolute; width:221px; height:361px; left:162px; bottom:-110px;}
.px16{height:16px;}

.green{background-color:#b8d03b; min-height:217px;}
.green-left{width:650px; float:left;}
.green-right{width:120px; float:right; margin-right:163px;}

.footer{background-color:#FFF; height:37px;}
.footer-container{ font-family:'Raleway'; font-weight:100; color:#000; font-size:14px;padding-left:10px;}
.question{ font-size:18px; color:#000; font-weight:100;}
.question-ans{ font-size:14px; color:#000; font-weight:100;}
#green-mob{display:none;}
#green-big{display:block;}
#footer-mob{display:none;}
#footer-big{display:block;}
.inner-whitemain{background-color:#FFF; min-height:500px; background-image:url(../images/inner-whitebg.jpg); background-repeat:no-repeat; background-position:top center;}
#inner-whitemain-big{ display:block;}
#inner-whitemain-mob{ display:none;}


.inner-questioncontainer{padding-top:10px;}
.inner-green{background-color:#b8d03b; min-height:60px;}
.px6{height:6px;}
.px44{height:44px;}
.page-title{font-family:'Raleway'; font-size:25px; color:#000; font-weight:500; margin-bottom:14px;}
.main-text{ width:50%; float:left; font-family:'Raleway'; font-weight:300; color:#000; font-size:13px; line-height:19px;}
.main-text a{color:#bc3f34; text-decoration:underline; font-weight:bold;}
.main-text a:hover{color:#bc3f34; text-decoration:none; font-weight:bold;}
.innerbook{width:20%; float:right; text-align:left;}
#px44{display:block;}
#px22{display:none;}

.theBook {display:none;}
.theMan {display:block;}
}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {
.theBook {display:none;}
.theMan {display:block;}
.gridContainer {
	width:96%;
	max-width: 1232px;
	margin: auto;
	font-family:'Raleway', Arial, Helvetica, sans-serif;
}

.sneak{ position: relative;}	
.sneak-inn{ position: absolute; left: 74%; top: -30%;}

.shop-button{ position: absolute; left: 90%; top: -94px; z-index: 10; background-color: #FFE400; padding: 20px 41px; border-radius: 4px; border: none; font-size: 21px; font-family:'Raleway', Arial, Helvetica, sans-serif;}

.button-wrap-inn{ position: relative;}
.shop-button-inn{ position: absolute; top: 52px; left: 40px; z-index: 10; background-color: #FFE400; padding: 20px 41px; border-radius: 4px; border: none; font-size: 21px; font-family:'Raleway', Arial, Helvetica, sans-serif;}


.clear{ clear:both;}
.yellow{ height:68px; background-color:#ffe400; border-bottom:#FFF 2px solid; }
.container{width:998px; margin:0px auto;}
.what{font-family:'Raleway'; font-size:38px; font-weight:100; color:#000; padding-bottom:44px;}
.grey{ background-color:#3e3e3e; height:8px; }
.whitemain{background-color:#FFF; min-height:500px; background-image:url(../images/whitebg.jpg); background-repeat:no-repeat; background-position:top center; }
#whitemain-big{display:block;}
#whitemain-mob{display:none;}

.questioncontainer{width:700px; float:left;padding-top:53px;}
#tab-container-mob{display:none;background-color:#3e3e3e; width:100%; }
#tab-container-big{display:block;}

.tab-container{width:auto; margin-bottom:5px;}
.tab-container a{ text-decoration:none; color:#fff; text-decoration:none;}
.tab-container a:hover{ text-decoration:none; cursor:pointer; color:#b8d03b;}

.bg-left{width:auto; height:48px;  float:left;}
.bg-left ul{margin:0px; padding:0px;}
.bg-left ul li{list-style-image:url(../images/bullet-white.png); list-style-position:inside;  background-color:#3e3e3e;padding-top:7px; height:40px;font-family:'Raleway';  font-size:19px; font-weight:500; color:#fff; padding-left:9px; padding-right:35px; white-space:nowrap;  }
.bg-left ul li a{color:#fff; text-decoration:none;}
.bg-left ul li a:hover{color:#b8d03b; text-decoration:none;}

.bg-left ul li.selected{list-style-image:url(../images/bullet-green.png); list-style-position:inside; font-size:19px; font-weight:500; color:#b8d03b; text-decoration:none;background-color:#3e3e3e;padding-top:3px; height:44px;}

.bg-right{width:24px; height:48px; float:left; }
.bookcontainer{/*width:200px;*/ height:298px;position:relative;}
.book{position:absolute; width:221px; height:361px; left:162px; bottom:-110px;}
.px16{height:16px;}
.green{background-color:#b8d03b; min-height:217px;}

.green-left{width:650px; float:left;}
.green-right{width:120px; float:right; margin-right:163px;}

.footer{background-color:#FFF; height:37px;}
.footer-container{font-family:'Raleway'; font-weight:100; color:#000; font-size:14px;padding-left:10px;}
.question{ font-size:18px; color:#000; font-weight:100;}
.question-ans{ font-size:14px; color:#000; font-weight:100;}
#green-mob{display:none;}
#green-big{display:block;}
#footer-mob{display:none;}
#footer-big{display:block;}


.inner-whitemain{background-color:#FFF; min-height:500px; background-image:url(../images/inner-whitebg.jpg); background-repeat:no-repeat; background-position:top center;}

#inner-whitemain-big{ display:block;}
#inner-whitemain-mob{ display:none;}

.inner-questioncontainer{padding-top:10px;}
.inner-green{background-color:#b8d03b; min-height:60px;}
.px6{height:6px;}
.px44{height:44px;}
.page-title{font-family:'Raleway'; font-size:25px; color:#000; font-weight:500; margin-bottom:14px;}
.main-text{ width:600px; float:left; font-family:'Raleway'; font-weight:300; color:#000; font-size:13px; line-height:19px;}
.main-text a{color:#bc3f34; text-decoration:underline; font-weight:bold;}
.main-text a:hover{color:#bc3f34; text-decoration:none; font-weight:bold;}
.innerbook{width:374px; float:right; text-align:left;}
.clear{ clear:both;}
.px59{height:59px;}
.px14{height:14px;}
.highlight-text{font-family:'Raleway'; font-weight:100; color:#000; font-size:15px; font-style:italic;}
#px44{display:block;}
#px22{display:none;}


.video-box{width:auto; height:auto; padding:2px; background-color:#FFF;  -moz-box-shadow: 0px 0px 3px #848383; -webkit-box-shadow: 0px 0px 3px #848383; box-shadow: 0px 0px 3px #848383; background-color:#FFF;  }

}