@media only screen and (min-device-width : 320px) and (max-device-width : 524px) {
     html {
        -webkit-text-size-adjust: 100%;
     }
}

*, *:before, *:after {
  -moz-box-sizing: border-box; 
  -webkit-box-sizing: border-box; 
  box-sizing: border-box;
}

body {font-size:75.5%;font-family:Arial, Helvetica, sans-serif;margin:0;color:#fff;	background: #000; 
	min-height: 900px;}



a {text-decoration:none;color:#fff;transition:color 0.2s ease-in-out}
a:hover {color:#FFFDE4;}
p {font-size:0.9rem;line-height:1.6;margin:1em 0;color:#fff;}
	.intro {font-size:1rem;}

.iframe-orders {width:100%;border:none;overflow:auto;height:300px;}

/* forms */
.fieldset {border:0;padding:0 5px;margin:1em 0;}
.savebasket {text-align:right;background:#eee;padding:0 10px 10px;border:1px solid #aaa;}
	legend {color:#a00;font-size:1.2em;display:block;}
	.label {display:block;font-size:0.9rem;margin:6px 0 4px 0;}
.input-text {font-family:inherit;border:1px solid #a0a0a0;padding:8px;;transition:all 0.3s ease-in;display:block;width:100%;margin:0 0 10px 0;}
	.input-text:focus {border-color:#909090;box-shadow:0 0 4px #999;}
.input-tickbox {margin-right:10px;}
.input-button {background:#000000;color:#fbea00;border:0;padding:7px 10px 8px;font-weight:400;text-transform:uppercase;;cursor:pointer;float:right;}
	.input-button:after {clear:right;}


/* wrappers */
.inner {width:100%;max-width:990px;margin:0 auto;position:relative;}
#content {padding:5px;margin:0}
.content-full {width:100%;}

/* logo */

.header {border-bottom:1px solid #555;height:60px;}

.logo {display:block;height:60px;width:240px;float:left;;overflow:hidden;text-indent:-999px;background-image:url(../images/white-squirrel-logo.png);background-position: 0 2px ;background-repeat:no-repeat;background-size:auto 55px;}

.phone {position:absolute;top:25px;right:88px;;font-size:13px;font-weight:700;}

.socials {position:absolute;top:20px;right:60px;}
.s {display:block;width:20px;height:20px;background-repeat:no-repeat;background-position:50% 50%;}
.fb {background-image:url('/images/icon-fb.png');}
.s a {display:block;height:100%;width:100%;overflow:hidden;text-indent:-999px;}


.pull {float:right;height:60px;width:50px;overflow:hidden;cursor:pointer;text-indent:-999px;border-left:1px solid #555;position:relative;}
	.pull-menu {background-position:50% 50%;	background-image:url('/images/menu.png')!important;
}




/* main navigation */
.navigation {margin:0;border-bottom:1px solid #555;}
.navigation-ul {display:none;;margin:10px;border-top:1px solid #999;}
	.nav-toplevel {width:100%;display:block;margin:0;border-bottom:1px solid #999;}
		.nav-toplevel-link {display:block;padding:8px 8px;font-weight:bold;color:#fff;}



/* h1-h6 tags */
.heading {
	font-size:26px;
	font-weight:400;
	margin:0 0 10px 0;
	padding:0;
}

.subheading {
	font-size:1.4em;
	font-weight:400;
	margin:0 0 10px 0;
	padding:0;
}
.sitemapheading {margin:20px 0 10px 0;display:block;}
.sitemapproduct {margin:0 0 0 10px;}

/* paginator*/
.paginator {background:#000;padding:5px;}
	.listsortbutton {display:none;}
	.pagination {color:#fff;}
	.pagination-link {list-style:none;display:inline;line-height:25px;margin:0 5px;}
	.page-prev,
	.page-next,
	.listjump {color:#fff;}
	.listjump.active {font-weight:bold;}


/* footer */ /*
.footer {margin-top:10px;margin-bottom:0;padding:10px;background-color:#31353d;clear:both;color:#787b8a;text-transform:uppercase;}
*/
.heading-footer {color:#ffffff;font-size:1.4em;padding:3px 0 10px;font-weight:400;;}
	.footer-list {margin:5px 0;list-style:none;line-height:16px;}
	.footer-link-item {margin:5px 0;}
	.footer-link {color:inherit;}
	.footer-link:hover {color:#fbea00;}

	
	.social-list {margin:5px 0;list-style:none;}
	.social-link-item {margin:2px 20px 5px 0;background-image:url('/images/sprites_specific.png');background-repeat:no-repeat;padding:5px 0 5px 30px;}
		.icon-facebook {background-position:-17px -8px;}
		.icon-twitter {background-position:-17px -41px;}
		.icon-linkedin {background-position:-17px -74px;}
		.icon-home {background-position:-235px -154px;}
		.icon-fax {background-position:-235px -105px;}
		.icon-phone {background-position:-235px -6px;}
		.icon-email {background-position:-235px -48px;}



/* newsletter form */
.newsletterform {margin:5px 10px;padding:0 0}
	.newsletterform-label {margin:0 0 10px 0;}
	.newsletterform-input {padding:10px;height:auto;}
	.newsletterform-button {font-size:0.8rem;}





.go_right {text-align:right;padding-right:5px;}

/* section */
.section {border-top:1px solid #7a7a7a;}
/* sprites */
		
.sprites {
	background-image:url('/images/sprites_default.png');
	background-repeat:no-repeat;	
}
.sprites-specific {
	background-image:url('/images/sprites_specific.png');
	background-repeat:no-repeat;	
}
.hidden,
.no-mobile {display:none;}
.no-desktop {display:block;}

.clear {clear:both;height:1px;overflow:hidden;}




/* responsive slider */
#slider_holder {position:relative;clear:both;  margin:0;}
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
	margin:0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
 .banner-title {position:absolute;bottom:0;left:0;background:#fbea00;color:#000000;display:inline-block;text-transform:uppercase;opacity:0.7;text-shadow:0 0 3px #fff;font-weight:700;font-size:12px;padding:5px;} 
  .rslides_nav {position:absolute;top:140px;width:30px;height:36px;background:black;z-index:333;overflow:hidden;text-indent:0;background:url('../images/sprites_default.png') no-repeat;text-indent:-200px;opacity:0.5;transition:all 0.3s ease-in;}
.rslides_nav:hover {opacity:1;}
.rslides_nav.prev {left:0;background-position:0 -75px;}
.rslides_nav.next {right:0;background-position:-32px -75px;}
	

.gallery {position:relative;}
.chalkboard {;width:300px;display:block;;background-size:auto 100px;background-position:50% 50%;background-repeat:no-repeat;text-align:center;overflow:hidden;floaT:left;font-size:0.8rem;font-weight:300;transition:background 0.3s ease-in;padding:9px 0;border-radius:9px;}
.chalkboard:hover {background:#111;}
.gallery a {display:block;}


.news-item {border-top:1px solid #000;padding:10px 0;}

img {max-width:100%;height:auto;}
#player {width:300px;height:200px;;display:block;border:1px solid black;margin:10px 0 20px 0;}

table {font-size:0.9rem;margin:1em 0;}
tr{border-bottom:1px solid #EEE;}
.subtotal td {border-top:1px solid black;}
.grandtotal {border-top:2px solid black;border-bottom:2px solid black;font-size:1rem;}
.total,.prodcode,th {font-weight:700;}
th {border-bottom:1px solid #000;padding:1px 5px}
.total,
.prodprice {text-align:right;}
.qty {margin:0;}
td {padding:2px 5px;}



.snowBackground {
	background: transparent url(http://static.tumblr.com/mc0vkei/pBUmwvhlb/snow-bg.png) bottom left repeat-x;
	
	/*-- Fix to bottom --*/
	position: fixed;
	bottom: 0;
	left: 0;
	
	/*-- Full width --*/
	width: 100%;
	height: 40px;
	
	/*-- Above snowman --*/
	z-index: 99;
}

.snowman {
	width: 187px;
	height: 108px;
	background: url(http://static.tumblr.com/mc0vkei/r89mwvhmn/snowman.png) 0 0 no-repeat;
	
	/*-- Fix to bottom --*/
	position: fixed;
	bottom: 0;
	right: 50px;
	
	/*-- Lower than snow background --*/
	z-index: 9;
	
	/*-- CSS Transition --*/
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-ms-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
	
	/*-- Click --*/
	cursor: pointer;
}

/*-- Expanded --
 * Alternatively you could have:
 * .snowman:hover
 *
*/
.snowman.expanded {
	background-position: 0;
	height: 220px;
}