@font-face {
	font-family: 'TwCenMTRegular';
	src: url('../fonts/tw_cen_mt-webfont.eot');
	src: local('☺'), url('../fonts/tw_cen_mt-webfont.ttf') format('truetype'), url('../fonts/tw_cen_mt-webfont.svg#webfontQFLPtCWK') format('svg');
	font-weight: normal;
	font-style: normal;
}

* {
	margin:0;
	padding:0;	
}

body {
	background:#643E29 url(../images/wood2.jpg);
	font-size:0.85em;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	color:#FFFFFF;
}

p {
	padding:5px 0;
	line-height:1.5em;
}

a {
	color:#5bb2f9;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}

a:active, a:focus {
	outline: 0;
}

ul {
	list-style-type:square;
}

img {
	border:none;
}

button {
	cursor:pointer;	
	border:0 none;
	overflow: visible;
}
button.default {
	padding:5px 10px;
	border: 2px outset #333333;
}

input, textarea {
	background: #FFFFFF url(../images/input_bg.png) repeat-x top;	
	border:1px solid #d4d4d4;
	border-radius:3px;
	height:18px;
	width:225px;
	padding:5px;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	color:#333333;
	font-size:16px;
}
input:focus, textarea:focus{
	outline:none;
}

textarea {
	height:80px;
	resize: none;	
}

h1,h2 {
	font-family:'TwCenMTRegular';
	line-height:1em;
	font-weight:normal;
	/*IE Clearfix fix with font-face */
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/blank.gif,sizingMethod=crop);
}


h1 {
	font-size:40px;
	margin:15px 0 20px 0;
	text-shadow: #000000 0px 0px 5px;
}
h2{
	margin:10px 0;
}

h3 {
	margin:10px 0;
}

h4{
	margin:15px 0;
	font-size:1.2em;	
}

iframe {
	background:#FFFFFF;	
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
}

select {
	margin-bottom:5px;	
}

td {
	padding:5px;
}


.clear{
	clear:both;	
}


#container {
	width:996px;
	margin:10px auto 0 auto;
}


#toolbarWrapper {
	height:80px;
	background:url(../images/toolbar_bg.png);
}

#toolbar {
	width:990px;
	margin:0 auto;
}

#logo{
	float:left;
	width:249px;
}

#navigation {
	float:left;
	width:741px;
}

#navigation ul {
	padding:0 0 0 15px;	
}

#navigation ul li {
	float:left;
	list-style-type: none;
	background:url(../images/nav_divider.png) no-repeat right center;
}

#navigation ul li.right {
	float:right;
	background:none;
}

#navigation ul li a, button.viewBag{
	margin:0 8px;
	display:block;
	float:left;
	outline: none;
	padding:18px 10px 25px 10px;
	text-decoration:none;
	text-transform:uppercase;
	color:#FFFFFF;
	font-family:'TwCenMTRegular';
	/*IE Clearfix fix with font-face */
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/blank.gif,sizingMethod=crop);
	font-size:16px;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
	border-bottom-left-radius:3px;
	border-bottom-right-radius:3px;
	-moz-border-radius-bottomright:3px;
	-moz-border-radius-bottomleft:3px;
	-webkit-border-bottom-right-radius:3px;
	-webkit-border-bottom-left-radius:3px;
}

#navigation ul li a:hover, button.viewBag:hover {
	text-decoration:none;
	color:#5bb2f9;
}

#navigation ul li a.active, #navigation ul li a.active:hover{
	background:#009cff;
	background:-moz-linear-gradient(top, #009cff, #0081D2);
	background:-webkit-gradient(linear,left bottom,left top, color-stop(0, #0081D2),color-stop(1, #009CFF));
	color:#FFFFFF;
}

button.viewBag {
	background:transparent url(../images/shopping_bag.png) no-repeat 0px 4px;
	border:0 none;
	padding-left:43px;
	padding-right:0;
	margin:0;
}
button.addToCart {
	width:124px;
	height:35px;
	background:url(../images/add_cart.png) no-repeat top;
	vertical-align:middle;
	margin:0 15px;
}

button.addToCart:hover {
	background-position:bottom;
}

.message {
	margin:5px 10px 20px;	
}

.message p {
	background:#1099EE;
	border:2px solid #1C5294;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	padding:10px 10px;	
}


#contentWrapper{
	margin:0 0 3px 0;
	position:relative;
}

#contentTop {
	height:25px;
	background:url(../images/content_top.png) no-repeat bottom center;
	font-size:1px;
	line-height:1px;
}

#contentBottom {
	height:25px;
	background:url(../images/content_bottom.png) no-repeat top center;
	font-size:1px;
	line-height:1px;
}

#content {
	padding:10px 40px;
	background:url(../images/content_bg.png) repeat-y;
	overflow:hidden;
	min-height:440px;
}


#content.home {
	padding:10px;
}

#content.allShirts {	
	padding:10px 40px;
}

#content.allShirts #gallery{
	margin:0px -27px;
	height:auto;
}

#content.allShirts .items {
	width:auto;
	position:static;	
}

#content.product {
	padding:10px 20px;
}

#content.faq p {
	width:700px;
}

#productImages {
	float:left;
	width:420px;
	margin:25px 0 0 0;
	text-align:center;	
	
}

#mainImage {
	position:relative;
	text-align:center;
	height:360px;
	margin:0 25px;
}

#mainImage .productZoom {
	display:none;
	position:absolute;
	top:0;
	left:0;
}

#mainImage .active {
	display:block;
}

#imageThumbnails {
	float:left;
	margin:0 30px;
}

.thumb {
	float:left;
	width:71px;
	height:71px;
	margin:0 10px;
	text-align:center;
	padding:7px 0 0 0;
	background:url(../images/thumbnail_bg.png) no-repeat top center;
}

#productDetails {
	float:left;
	margin-left:25px;
	width:480px;
	line-height:1.8em;	
}

.productNotes {
	border:1px solid #0076c1;
	background:#d4eeff;	
	padding:5px;
	margin:10px 20px;
	text-align:center;
	color:#333333;
}

.productNotes p {
	padding:0;
}

.productNotes a {
	color:#0076c1;
	font-weight:bold;
}
.productNotes a:hover {
	text-decoration:none;
}

#content.product .purchaseOptions{
	padding:25px 0;
	text-align:center;
}

#content.product .price {
	color:#5bb2f9;
	line-height:1em;
	padding-bottom:0;
}

#content.product #share {
	position:absolute;
	bottom:35px;
	right:35px;
}

#relatedProducts h4 {
	text-transform:uppercase;	
}

.divider {
	background:url(../images/divider.png) repeat-x;
	height:3px;
	font-size:1px;	
	clear:both;
	margin:15px 0;
}

#gallery {
	margin-top:50px;
	position:relative;
	overflow:hidden;
	width: 975px;
	height:350px;
}

#gallery .items {
	width:20000em;
	position:absolute;
}

#gallery .items .block{
	float:left;
}

#gallery .item {
	float:left;
	text-align:center;
	padding:30px 22px;
	width:280px;
	height:260px;
	position:relative;
	font-family:'TwCenMTRegular';
	font-size:18px;
	color:#ffffff;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 1);
}

#gallery .item:hover {
	background:url(../images/gallery_hover.png) no-repeat center -12px;
}
#gallery .ls:hover {
	background:url(../images/gallery_hover_ls.png) no-repeat center -12px;
}

#gallery .item a {
	font-family:'TwCenMTRegular';
	font-size:18px;
	color:#ffffff;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 1);
}

#gallery .item a:hover {
	color:#5bb2f9;
	text-decoration:none;
}

#gallery .item .title {
	display:block;
	margin-top:10px;
}

#gallery .item .price{
	display:block;
	font-size:15px;
}

#gallery .new {
	background:url(../images/new_icon.png) no-repeat;	
	width:38px;
	height:38px;
	position:absolute;
	top:33px;
	left:210px;
	text-indent:-99999em;
}

#gallery .sale {
	background:url(../images/sale_icon.png) no-repeat;	
	width:38px;
	height:38px;
	position:absolute;
	top:33px;
	left:210px;
	text-indent:-99999em;
}

#gallery-prev, #gallery-next {
    z-index: 3;
	width:45px;
	height:45px;
	cursor:pointer;
	position:absolute;
	top:212px;
}

#gallery-prev span, #gallery-next span {
	display:block;
	width:45px;
	height:45px;
	cursor:pointer;
	text-indent:-99999em;
}

#gallery-prev {
	left:10px;
	background:url(../images/arrow-sprite.png) no-repeat top left;
}

#gallery-next {
	right:10px;
	background:url(../images/arrow-sprite.png) no-repeat top right;
}

#gallery-prev span {
	background:url(../images/arrow-sprite.png) no-repeat bottom left;
	-webkit-animation: arrow-move-left 0.4s infinite alternate;
	-moz-animation: arrow-move-left 0.4s infinite alternate;
}

#gallery-next span {
	background:url(../images/arrow-sprite.png) no-repeat bottom right;
	-webkit-animation: arrow-move-right 0.4s infinite alternate;
	-moz-animation: arrow-move-right 0.4s infinite alternate;
}

@-webkit-keyframes arrow-move-left {
  from {
    -webkit-transform: translateX(-5px);
  }
  to {
    -webkit-transform: translateX(3px);
  }
}

@-webkit-keyframes arrow-move-right {
  from {
    -webkit-transform: translateX(3px);
  }
  to {
    -webkit-transform: translateX(-5px);
  }
}
@-moz-keyframes arrow-move-left {
  from {
    -moz-transform: translateX(-5px);
  }
  to {
    -moz-transform: translateX(3px);
  }
}

@-moz-keyframes arrow-move-right {
  from {
    -moz-transform: translateX(3px);
  }
  to {
    -moz-transform: translateX(-5px);
  }
}


#gallery-prev.disabled, #gallery-next.disabled {
	opacity: 0.25;
	filter: alpha(opacity=25);
	-ms-filter: "alpha(opacity=25)";
	cursor:default;
}

.galleryNavigator {
	text-align:center;	
}

.galleryNavigator a {
	display:inline-block;
	width:17px;
	height:17px;
	background:url(../images/navigator.gif) no-repeat top;
}

.galleryNavigator a.active {
	background-position:bottom;
}

.back {
	position:absolute;
	top:10px;
	left:27px;
	z-index:-1;
}

#lightingFade {
	background:url(../images/fade.png) repeat-x;
	position:fixed;
	bottom:-375px;
	height:375px;
	width:100%;
	z-index:-1;	
}

#footer {
	clear:both;
	text-align:center;
	font-size:0.9em;
	margin-top:25px;
}

#footer ul {
	list-style-type:none;
}

#footer ul li {
	display:inline;	
}

#footer ul li a{
	padding:5px 15px;
	margin:0 25px;
	color:#FFFFFF;
	background:rgba(37,27,21,0.75);
	text-decoration:none;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

#footer ul li a:hover{
	text-decoration:underline;
}

.aa img {
	vertical-align:bottom;
	margin:0 25px;	
}

#footer p{
	clear:both;
	margin:20px 0 10px 0;
	color:#bfb1a9;
	font-size:0.9em;
	line-height:1.3em;
}

/* Media Content
********************************************/
#media {
	height:60px;
	overflow:hidden;
		
}

.mediaLink {
	float:left;
	margin:0 0 0 30px;
	font-size:11px;
}

.mediaLink a {
	float:left;
	display:block;
	margin-right:8px;
}

.twitterBtn {
	background:url(../images/twitter.png) no-repeat top left;
	text-indent:-9999em;
	width:114px;
	height:22px;	
}
.twitterBtn:hover {
	background-position:center left;
}
.twitterBtn:active {
	background-position:bottom left;
}

.facebookBtn {
	background:url(../images/facebook.png) no-repeat top left;
	text-indent:-9999em;
	width:150px;
	height:22px;	
}
.facebookBtn:hover {
	background-position:center left;
}
.facebookBtn:active {
	background-position:bottom left;
}

#mailinglist {
	float:right;
	margin:0 25px 0 0;
	width:260px;
}

#mailinglist input {
	float:left;
	font-size:1.1em;
	margin:5px 5px 0 0;
	width:180px;
}
	

#mailinglist p {
	font-size:11px;	
	padding:5px 0 0 0;
	text-align:center;
	clear:both;
}


/* Lightbox Content
********************************************/

#lightboxContent {
	display:none;	
}



/* Contact page 
*******************************************/

#contactForm {
	margin:10px 0;
	width:473px;		
}

.contact input, .contact textarea {
	width:300px;	
}
.contact fieldset {
	margin:10px 0;
	border:0 none;
	clear:both;
}
.contact label {
	display:block;
	float:left;
	width:160px;
	font-weight:bold;	
}
.contact .submitBtn {
	float:right;	
}

.contactFormMsg {
	width:473px;
}
.contactFormMsg p {
	padding:7px;	
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}
.contact .loading {
	float:right;
	width:32px;
	height:32px;
	background:url(../images/loading.gif) no-repeat center center;
	margin:0 10px 0 0;
}
p.error {
	background: #FFD4D4;
	border: 1px solid #E72D2D;
	color: #E72D2D;
}
p.success {
	background:#b9ffc3;
	border:1px solid #37c84b;
	color:#37c84b;
}

input.error, textarea.error {
	border: 1px solid #E72D2D;
}


/* Misc
**************************************/
a.downloadDoc {
	font-size:1.2em;
	font-weight:bold;
	background:url(../images/download_doc.png) no-repeat top left;
	padding:0 0 0 90px;
	height:100px;
	line-height:100px;
	display:inline-block;
}

a.browseAll {
	width:124px;
	height:35px;
	background:url(../images/browse_all.png) no-repeat top;	
	position:absolute;
	top:25px;
	right:25px;
	z-index:5;
}

a.browseAll:hover {
	background-position:bottom;
}

.textInput {
	font-family:Arial;
	font-size:12px;
	color:#444444;
	width:148px;
	height:27px;
	border:0 none;
	background:transparent;
	padding:3px 5px;
}
.textInputPrompt {
	color:#999999;
}

.submitBtn {
	text-indent:-99999em;
	width:124px;
	height:35px;
	background:url(../images/submit.png) no-repeat top;
}
.submitBtn:hover {
	background-position:bottom;
}
.joinBtn {
	width:63px;
	height:35px;
	background:url(../images/joinBtn.png) no-repeat top;
}
.joinBtn:hover {
	background-position:bottom;
}

.right {
	float:right;	
}

.left {
	float:left;	
}

.center {
	text-align:center;	
}

.loading {
	display:none;
}
.loading img {
	margin:5px 10px;
	vertical-align:top;	
}

#loadAds {
	display:none;
}

#adsense {
	height:92px;
	text-align:center;
	margin:25px auto;	
}

#overlayContainer {
	margin:0 auto;
	text-align:center;	
}

.gboxClose {
	display:none;
	position:fixed;
	width:38px;
	height:38px;
	top:10px;
	right:15px;
	background:url(../images/overlay_close.png) no-repeat top;
	z-index:100000;	
}
.gboxClose:hover {
	background-position:bottom;	
}

.gboxLoading {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:9999;
}

.gboxSpinner {
	width:40px;
	height:40px;
	position:absolute;
	top:382px;
	left:50%;
	margin:-40px 0 0 -40px;
	background:url(../images/gbox_loading.png) no-repeat top;
}

/* About Page
************************************/
#parallax_illustration {
	display:block;
	width: 900px;
	height: 375px;
	position: relative;
	overflow: hidden;
	background:#0081D2;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	margin:20px 0 0 8px;
}
#parallax_illustration #parallax_mountains_back {
	position: absolute;
	bottom: 120px;
	left: -20px;
	z-index: 1;
}
#parallax_illustration #parallax_mountains_front {
	position: absolute;
	bottom: -5px;
	left: 0px;
	z-index: 2;
}
#parallax_illustration #parallax_yetti {
	position: absolute;
	bottom: -10px;
	left: 20px;
	z-index: 3;
}

/* Fan Page
************************************/
.imageItem {
	background:#CCCCCC;
	border:1px solid #333333;
	float:left;
	margin:20px;
	padding:15px;
	position:relative;
	text-align:center;
}

.approved {
	background:#3D955A;
	border-color:#00431F;
}

.notApproved {
	background:#C9413F;
	border-color:#FF0000;
}

.approvalForm {
	background:#333333;
	padding:10px 0;
}

.caption {
	padding:2px;
	cursor:pointer;
}

.caption.editing {
	cursor:default;
	background:blue;
}

.caption:hover {
	background:#FFCC00;	
}

.caption.editing:hover {
	background:blue;
}

ul.gallery img {
display:block;
margin-bottom:12px;
}

ul.gallery li {
display:inline;
line-height:18px;
}

ul.gallery a {
-moz-box-shadow:0 3px 6px rgba(0,0,0,.25);
-moz-transform:rotate(-2deg);
-webkit-box-shadow:0 3px 6px rgba(0,0,0,.25);
-webkit-transform:rotate(-2deg);
-webkit-transition:0 .15s linear;
background:#FFFFFF;
display:inline;
float:left;
font-size:18px;
margin:0 0 27px 30px;
padding:10px 10px 15px;
text-align:center;
text-decoration:none;
width:auto;
}

ul.gallery a:hover {
background:#FFFAF0;
position:relative;
z-index:5;
}

ul.gallery li:nth-child(even) a {
-moz-transform:rotate(2deg);
-webkit-transform:rotate(2deg);
}

ul.gallery li:nth-child(3n) a {
-moz-transform:none;
-webkit-transform:none;
position:relative;
top:-5px;
}

ul.gallery li:nth-child(5n) a {
-moz-transform:rotate(5deg);
-webkit-transform:rotate(5deg);
position:relative;
right:5px;
}

ul.gallery li:nth-child(8n) a {
position:relative;
right:5px;
top:8px;
}

ul.gallery li:nth-child(11n) a {
left:-5px;
position:relative;
top:3px;
}