/**
 * Reset rules
 */
* {
	margin: 0;
	padding: 0;
}

div {
	position: relative;
	zoom: 1;
}

h1 {
	font-family: Arial, sans-serif;
	color: #DD2527;
	font-size: 20px;
	padding-bottom: 6px;
}

h2 {
	color: white;
	font-size: 17px;
}

.white-background h2 {
    color: #000;
}

.whats-new h2,
.about-us h2 {
	font-size: 20px;
}

h3, h4 {
	color: black;
	font-size: 12px;

}

h2, h3, h4, p {
	font-family: Arial, sans-serif;
	padding-bottom: 14px;

}

.faq h4 {
    color: #DD2527;
}

p {
	font-size: 12px;
	line-height: 18px;
}

ul, ol {
	font-weight: normal;
	font-family: Arial, sans-serif;
	margin-bottom: 14px;
}

a {
    color: #000;
    outline: none;
}

a:hover {
	color: #DD2527;
}

a img {
	border-style: none;
}

h2 a, h3 a {
	text-decoration: none;
}

h2 a:hover, h3 a:hover {
	
}

li {
	list-style-position: inside;
	font-family: Arial, sans-serif;
	font-size: 12px;
}


.email{
    text-align: center;
    height: 46px;
}



input:focus {
    outline: none;
}

.cmscontent li {
    padding-bottom: 5px;
}

.faq ol {
    padding-left: 20px;
}

.faq ol li {
    list-style-position: outside;
}

table th
	, table td {
	font-family: Arial, sans-serif;
	font-size: 12px;
    vertical-align: middle;
}

.text-right {
	text-align: right;
}

.text-left {
	text-align: left;
}

.text-center {
	text-align: center;
}

.register form .input-wrap:after{
	content: none;
}

.register dt label {
    clear: left;
    float: left;
    font-size: 12px;
    padding-bottom: 10px;
    width: 120px;
}

.register dd input {
    float: left;
}

fieldset#fieldset-billing,
fieldset#fieldset-shipping {
    clear: both;
    padding: 10px;
}

fieldset#fieldset-shipping {
    margin-bottom: 10px;
}

fieldset#fieldset-billing legend,
fieldset#fieldset-shipping legend {
    font-weight: bold;
}

#shipping-element {
    clear: both;
}

#discount_code-element {
    float: left;
    padding: 10px 0;
    width: 300px;
}

#discount_code-label {
    clear: left;
    float: left;
    font-size: 12px;
    height: 40px;
    line-height: 40px;
    padding: 0 0 0 12px;
    width: 120px;
}

form .input-wrap:after {
	content: '';
	display: block;
	height: 0px;
	clear: both;
}

form .input-wrap {
    padding-left: 12px;
}

form fieldset .input-wrap {
    clear: left;
    float: left;
    padding-left: 0;
    position: relative;
}

form .input-wrap p {
    height: 25px;
    padding: 0;
}

.input-wrap.courier {
    clear: both;
    float: left;
    white-space: nowrap;
    width: 730px;
}

.input-wrap.courier select#courier,
.input-wrap select#shipping-country {
    width: 300px;
}

.input-wrap.terms-wrap {
    clear: both;
    float: left;
}

.input-wrap.terms-wrap input {
    margin-top: 3px;
}

.input-wrap.terms-wrap label {
    padding-left: 10px;
    white-space: nowrap;
}

ul.errors {
    color: red;
    left: 120px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 17px;
}


.teaser.white-background p.error-message{
	color: red;
}

#checkout-form ul.errors,
.billing_details ul.errors,
.delivery-options ul.errors {
    clear: left;
    float: left;
    left: auto;
    padding: 0 0 0 120px;
    position: relative;
    top: -5px;
}

.delivery-options #checkout-form ul.errors {
    clear: none;
    padding-left: 10px;
    top: 0;
    width: 400px;
}

.delivery-options #checkout-form .input-wrap.courier ul.errors {
    clear: left;
    padding-left: 120px;
    top: -5px;
}

#checkout-form .terms-wrap ul.errors {
    clear: both;
    padding-left: 25px;
    top: -5px;
}

#checkout-form .terms-wrap ul.errors li {
    white-space: nowrap;
}

.delivery-options #checkout-form ul.errors li a {
    color: red;
}

.delivery-options #checkout-form ul.errors li a:hover {
    text-decoration: none;
}

form {
    font-family: Arial, sans-serif;
}

form .input-wrap p {
    clear: left;
    float: left;
}

form .input-wrap label {
	float: left;
    width: 120px;
}

form .input-wrap label.use_billing_label {
    font-weight: bold;
    line-height: 30px;
    width: auto;
}

#use_billing {
    float: left;
    margin: 10px;
}

form .input-wrap span.hint{
	margin-left:10px;
    display: none;
}

form .input-wrap input,
form .input-wrap select {
	float: left;
}

form .input-wrap input#address-terms_conditions {
    margin: 3px 10px 0 0;
    width: auto;
}

.register form  #submit-element {
    clear: both;
}

.register form  #submit-element input#submit {
    border: none;
    background-color: #DD2527;
    border-radius: 8px 8px 8px 8px;
    color: #FFFFFF;
    cursor: pointer;
    font-family: Arial,sans-serif;
    font-weight: bold;
    padding: 0 10px;
    position: relative;
    text-decoration: none;
    text-shadow: 2px 2px 2px #888888;
    width: auto;
    behavior: url('https://snapperstuff.com/assets/library/PIE/PIE.htc');
}

.register form  #submit-element input#submit:hover {
    color: #ccc;
}

.register ul.errors {
    float: left;
    left: auto;
    padding: 0 0 0 10px;
    position: relative;
    top: auto;
    width: 440px;
}

.register #submit-label {
    clear: both;
}

form .input-wrap label.checkbox-label {
	float: left;
	width: auto;
}

img.footer-logo{
    margin-bottom: 20px;
}

/**
 * Grid
 */
.grid_1 {
	width: 140px;
	/** !!!Below image is missing and cause PHP Access Violation Error on IIS !!! */
	/** background-image: url('https://snapperstuff.com/assets/images/buttons.png'); */
	background-repeat: no-repeat;
	margin-left: 20px;
}

.grid_1, .grid_2, .grid_3, .grid_4, .grid_1_2, .grid_2_3 {
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 20px;
}

.grid_2 {
	width: 550px;

}

.grid_1_2 {
	width: 710px;
}

.grid_3 {
	width: 190px;

}

.grid_2_3 {
	width: 760px;
}

.grid_4 {
	width: 920px;

}

.alpha {
	margin-left: 0px;
}

.omega {
	margin-right: 0px;
}

.zero-padding-bottom {
	padding-bottom: 0px;
}

/**
 *	website container
 */

.wrap {
	position: relative;
	width: 960px;
	left: 50%;
	margin-left: -480px;
	margin-top: 20px;
	z-index: 1;
}

.wrap {
	padding-left: 10px;
	width: 950px;
	
}

.wrap:after  {
	content: '';
	display: block;
	height: 0px;
	clear: both;
}

.background {
    padding-top: 3px;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	background-color: #A7A9AC;
	background: -moz-linear-gradient(top, #A7A9AC, white);
	background: -webkit-gradient(linear, 0% 0%, 0% 100% , from(#A7A9AC), to(white));
    background-image: -o-linear-gradient(#A7A9AC,#fff);
	background: linear-gradient(#A7A9AC, white);
	-pie-background: linear-gradient(#A7A9AC, white);
        behavior: url('https://snapperstuff.com/assets/library/PIE/PIE.htc');
	background: url(../img/bg_ie9.png) left top repeat-x;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%; /* Gecko 1.9.2 (Firefox 3.6) */
    -o-background-size: 100% 100%; /* Opera 9.5 */
    -webkit-background-size: 100% 100%;/* Safari 3.0 */
    -khtml-background-size: 100% 100%; /* Konqueror 3.5.4 */
}

.boxshadow {
	-webkit-box-shadow: 3px 3px 5px #888;
	-moz-box-shadow: 3px 3px 5px #888;
	box-shadow: 3px 3px 5px #888;
        behavior: url('https://snapperstuff.com/assets/library/PIE/PIE.htc');
}

#shadow-box{
    position: absolute;
    width: 550px;
    height: 219px;
    float: left;
    -webkit-box-shadow: 3px 3px 5px #888;
	-moz-box-shadow: 3px 3px 5px #888;
	box-shadow: 3px 3px 5px #888;
    border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
    behavior: url('https://snapperstuff.com/assets/library/PIE/PIE.htc');
}


/**
 * Buttons and anchors
 */
a.button, 
button,
input#submit,
input#invoice,
input#card {
    border: none;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	background-color: #DD2527;
    cursor: pointer;
	font-family: Arial, sans-serif;
    font-size: 12px;
	font-weight: bold;
	color: #fff;
    position: relative;
	text-decoration: none;
	text-shadow: 2px 2px 2px #888; 
    behavior: url('https://snapperstuff.com/assets/library/PIE/PIE.htc');
}

input#invoice,
input#card {
    padding: 2px 8px;
}

.whats-new a.button,
.about-us a.button{
    position: absolute;
    right: 12px;
    bottom: 12px;
    line-height: 12px;
    padding: 4px 8px 4px 8px;           
}



input#Continue {
    border: none;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	background-color: #DD2527;
    cursor: pointer;
	font-family: Arial, sans-serif;
    font-size: 12px;
	font-weight: bold;
	color: #fff;
    position: relative;
	text-decoration: none;
	text-shadow: 2px 2px 2px #888; 
    behavior: url('https://snapperstuff.com/assets/library/PIE/PIE.htc');
    padding: 0 5px 1px 5px;
}

a.button {
	padding: 1px 8px 2px 8px;
}

button,
a.hint {
	cursor: pointer;
	border-style: none;
	font-size: 12px;
	padding: 1px 8px 2px 8px;
}

button#login {
	padding: 0 8px 0 8px;
}

.button.shipping-address {
    font-weight: normal!important;
    padding: 2px 8px !important;
    white-space: nowrap;
}

a.button:hover,
button:hover,
a.hint:hover,
input#submit:hover,
input#invoice:hover,
input#card:hover
{
	color: #ccc;
}
input#Continue:hover {
	color: #ccc;
}

a.hint {
    left: 10px;
    position: relative;
    top: 2px;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button {
    filter: none;
}

.login input,
.register input {
    width: 142px;
}



.nav.product-categories li a span{
    padding-right: 15px;
}

/**
 * Navigation elements
 */
.nav {
	list-style: none;
}

.nav:after {
	content: '';
	display: block;
	height: 0px;
	clear: both;
}

.nav li {
	list-style: none;
	list-style-position: outside;
}

.nav li a {
	text-decoration: none;
}

.nav li a:hover {
	text-decoration: underline;
}

/**
 * Make a navigation list display inline
 */
.nav.inline {
	list-style: none;
	padding-bottom: 14px;
}

.nav.inline:after {
	content: '';
	display: block;
	height: 0px;
	clear: both;
}

.nav.inline li {
	float: left;
}

.nav.inline li.continue a {
    float: right;
}

.nav.inline li.back a {
    float: left;
}

.nav.inline li a:hover,
.nav.inline li a.button:hover {
	text-decoration: none;
	color: #ccc;
}

.nav.inline.checkout-nav {
    clear: both;
    padding: 30px 10px 10px 10px;
}

.nav.inline.product-nav {
    clear: both;
    padding: 10px 10px 10px 0;
}

.nav.checkout-nav li {
    float: left;
}

.nav.inline.product-nav .continue {
    float: right;
}

/**
 * Main menu
 */
 .nav.main-menu {
	 margin: 0;
 }
 
 .nav.main-menu li {
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	-webkit-box-shadow: 3px 3px 5px #888;
	-moz-box-shadow: 3px 3px 5px #888;
	box-shadow: 3px 3px 5px #888;
	display: block;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 8px;
        behavior: url('https://snapperstuff.com/assets/library/PIE/PIE.htc');
}

.nav.main-menu li a {
	background: -moz-linear-gradient(left, #fff, #5596b4);
	background: -webkit-gradient(linear, left center, right center, from(#fff), to(#5596b4));
    background-image: -o-linear-gradient(left,#fff,#5596b4);
	background: linear-gradient(left,#fff, #5596b4);
	-pie-background: linear-gradient(left, #fff, #5596b4);
    border: 2px solid #5596b4;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	box-shadow:inset 0 0 2px #5596b4;
	-moz-box-shadow:inset 0 0 2px #5596b4;
	-webkit-box-shadow:inset 0 0 2px #5596b4;
	color: #333333;
	display: block;
	height: 20px;
	padding: 3px 0px 8px 10px;
    white-space: nowrap;
    width: 126px;
    behavior: url('https://snapperstuff.com/assets/library/PIE/PIE.htc');
	background: url(../img/bg_main-menu-ie9.png) left top no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%; /* Gecko 1.9.2 (Firefox 3.6) */
    -o-background-size: 100% 100%; /* Opera 9.5 */
    -webkit-background-size: 100% 100%;/* Safari 3.0 */
    -khtml-background-size: 100% 100%; /* Konqueror 3.5.4 */    
}

.nav.main-menu li a:hover {
	color: #A7A9AC;
	text-decoration: none;
}

/**
 * Dropdowns
 */
.nav.dropdowns {
	display: block;
	float: right;
	height: 80px;
	padding: 40px 0 0 0;
	width: 351px;
	z-index: 10;
}

.nav.dropdowns ul {
	background: #fff;
	border: 1px solid #DD2527;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	position: absolute;
	left: -9999em;
	top: 25px;
	margin: 0px;
    width: 178px;
	z-index: 999;
    behavior: url('https://snapperstuff.com/assets/library/PIE/PIE.htc');
}

.nav.dropdowns .categories ul {
    width: 248px;
}

.nav.dropdowns li {
	display: block;
	float: left;
	font-weight: bold;
	height: 25px;
	position: relative;
	width: 120px;
}

.nav.dropdowns li li {
	border: none;
	float: none;
	height: auto;
    white-space: nowrap;
}

.nav.dropdowns li li a {
	background: none;
	border: none;
}

.nav.dropdowns li.dropdown {
	width: 150px;
}

.nav.dropdowns li a,
.nav.dropdowns li.quick-search input {
	background-image: url('../img/red-arrow.png');
    background-position: 125px 8px;
    background-repeat: no-repeat;
    background-color: #fff;
	border: 1px solid #DD2527;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
    behavior: url('https://snapperstuff.com/assets/library/PIE/PIE.htc');
	color: black;
	display: block;
	line-height: 23px;
	padding-left: 10px;
	position: relative;
	width: 111px;

}

.nav.dropdowns li.dropdown a {
	width: 138px;
}

.nav.dropdowns li.dropdown.categories ul a {
	width: 248px;
}

.nav.dropdowns li a:hover {
	color: #DD2527;
	text-decoration: none;
}

.nav.dropdowns li:hover ul {
	left: 0px;
}

.nav.dropdowns li.categories:hover ul {
	left: -100px;
}

.breadcrumbs a {
	font-weight: bold;
	text-decoration: none;
}

.breadcrumbs a:hover {
	text-decoration: underline;
}

/**
 * Teaser Hero Panel rules
 */
.teaser {
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	-webkit-box-shadow: 3px 3px 5px #888;
	-moz-box-shadow: 3px 3px 5px #888;
	box-shadow: 3px 3px 5px #888;
	background-color: #A7A9AC;
	padding: 10px;
	margin-bottom: 20px;
    behavior: url('https://snapperstuff.com/assets/library/PIE/PIE.htc');
}


.teaser.darkgrey-background {
    background-color: #706E6E;
}

.teaser.white-background {
	background-color: white;
    width: 741px;
    float: left;
    margin-left: 0;
}

.grid_1_2 {
    margin:0;  
    width: 760px;
}

.grid_2_3{
    margin-left: 10px;  
    width: 760px;

}

.teaser.white-background .product-info {
    float: left;
}

.teaser.white-background .product-info p {
    color:#000;
    line-height: normal;
    padding: 0;
}

.teaser.white-background .product-info p.stock-level {
    float: left;
}

.teaser.white-background .product-info p span {
    display: block;
    float: left;
    width: 100px;
}

.teaser.white-background .product-info p.price {
    color: #DD2527;
    font-size: 22px;
    font-weight: bold;
    padding-bottom: 10px;
}

.teaser.white-background .product-info .exc-vat p {
    font-size: 10px;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.teaser.red-background {
	background-color: #DD2527;
}

.teaser.blue-background {
	background-color: #005F8C;
}

.teaser.lightblue-background {
	background-color: #4394D0;
}

.grid_3 .teaser {
    overflow: hidden;
    width: 170px;
}

.teaser h2 {
	text-align: center;
}

.teaser h2 a {
	color: white;
}

.teaser.special-offer h2 {
}

.teaser p {
	color: white;
}

.teaser.white-background p {
	color: black;
}

.teaser.white-background p.new-password {
    color: #ff3300;
}

.teaser.view-orders {
    padding: 5px;
}

.teaser label {
    font-size: 12px
}

.img-holder {
	background-color: white;
    border-radius: 8px 8px 8px 8px;
	-webkit-box-shadow: 3px 3px 5px #888;
	-moz-box-shadow: 3px 3px 5px #888;
	box-shadow: 3px 3px 5px #888;
    display: block;
    margin-bottom: 8px;
    text-align: center;
    behavior: url('https://snapperstuff.com/assets/library/PIE/PIE.htc');
}

#product-viewer .img-holder {
	display: inline-block;
	background-color: white;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-webkit-box-shadow: 3px 3px 5px #888;
	-moz-box-shadow: 3px 3px 5px #888;
	box-shadow: 3px 3px 5px #888;
	display: block;
    /*height: 160px;*/
	margin-bottom: 8px;
    width: 330px;
    height: 330px;
    behavior: url('https://snapperstuff.com/assets/library/PIE/PIE.htc');
}




#product-viewer .img-holder img{
    float: left;

    width: 330px;
    padding: 0;

}

#product-viewer #product-image-thumbs .thumb-holder img {

    width: 50px;
    padding: 0px;

}

.listing-img-holder img{

    width: 50px;
    padding: 0px;

}






.featured-product .img-holder {
    height: 100px;
    overflow: hidden;
    width: 170px;
}

.featured-product .img-holder img {
    height: 100px;

}

.special-offer .white-bg {
	background-color: white;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-webkit-box-shadow: 3px 3px 5px #888;
	-moz-box-shadow: 3px 3px 5px #888;
	box-shadow: 3px 3px 5px #888;
	display: block;
    height: 100px;
	margin-bottom: 8px;
    overflow: hidden;
    text-align: center;
        behavior: url('https://snapperstuff.com/assets/library/PIE/PIE.htc');
}

.special-offer .white-bg img {
    height: 100px;
}

.teaser .teaser-thumbnail {
	background: #fff;
	border-radius: 8px 8px 8px 8px;
	-webkit-box-shadow: 3px 3px 5px #888;
	-moz-box-shadow: 3px 3px 5px #888;
	box-shadow: 3px 3px 5px #888;
	float: left;
	margin-right: 18px;
	padding: 10px 0;
	text-align: center;
	width: 100px;
}

.home-banner {
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	-webkit-box-shadow: 3px 3px 5px #888;
	-moz-box-shadow: 3px 3px 5px #888;
	box-shadow: 3px 3px 5px #888;
	margin-bottom: 15px;
}


.support-charity p {
	text-align: left;
    padding: 10px;
    margin-bottom: 10px;
    float: left;
    font-weight: bold;
    font-size: 13px;
}


.support-charity a {
	display: block;
    text-decoration: none;
    line-height: 17px;
    color: #fff;
    font-family: arial;
    text-align: left;
    font-weight: 100;
    font-size: 12px;
    padding-left: 10px;


}

.image-carousel {
	text-align: center;
}

.newssignup p {
	font-size: 16px;
}

#header {
	position: relative;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	background: url('../img/header.png') left top no-repeat;
	height: 162px;
	margin-top: 17px;
	margin-bottom: 40px;
	z-index: 5;
}

#header .logo {
	position: absolute;
	top: 40px;
	left: 13px;
}

#header h2 {
	position: absolute;
	left: 15px;
	bottom: 20px;
	color: black;
	padding-bottom: 0px;
}

.nav.header-menu {
	height: 80px;
	padding-right: 10px;
	width: 378px;
}

.nav.header-menu li.categories {
	float: right;
}

.nav.header-menu li.quick-search {
	clear: both;
}

.nav.header-menu li.quick-search,
.nav.header-menu li.my-account,
.nav.header-menu li.my-basket {
	padding-top: 28px;
}

.nav.header-menu li.quick-search,
.nav.header-menu li.my-basket {
	padding-right: 5px;
}

.nav.header-menu li.quick-search {
	background: url('../img/quick-search.png') #fff no-repeat right;
	border: 1px solid #DD2527;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
    behavior: url('https://snapperstuff.com/assets/library/PIE/PIE.htc');
    height: 23px;
    margin-top:28px;
    padding-top: 0;
    margin-right: 5px;
    

}

.nav.header-menu li.quick-search input {
    background: none;
    border: none;
    border-right: none;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
    display: block;
    float: left;
    font-family: arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    height: 23px;
    width: 86px;

}

.teaser.product-image{
    margin-bottom: 0px;
}

.nav.header-menu li.quick-search input#submit {
    background: none;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
    cursor: pointer;
    height: 20px;
    overflow: hidden;
    padding-left: 0;
    text-indent: -3000px;
    width: 24px;
}

.nav.header-menu li.my-account a {
	background: #fff url('../img/header-menu.png') no-repeat 90px -46px;
	width: auto;
}

.nav.header-menu li.my-basket a {
	background: #fff url('../img/header-menu.png') no-repeat 90px -23px;
	width: auto;
    
}

.logout {
    clear: right;
    float: right;
    padding-right: 10px;
    width: 368px;
}

.logout p {
    color: #fff;
    font-size: 10px;
    text-align: right;
}

.logout p > span{
	min-width:177px;
	display: inline-block;
}

.logout p a {
    color: #fff;
    display: inline;
    margin-left: 14px;
}

.search-results {
    float: left;
}

.search-results a {
    background: #fff;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	-webkit-box-shadow: 3px 3px 5px #888;
	-moz-box-shadow: 3px 3px 5px #888;
	box-shadow: 3px 3px 5px #888;
    clear: left;
    float: left;
    margin-bottom: 10px;
    padding: 10px;
    text-decoration: none;
    width: 300px;
    behavior: url('https://snapperstuff.com/assets/library/PIE/PIE.htc');
}

.search-results a:hover {
    text-decoration: underline;
}

.search-results h3 {
    padding: 0;
}

.breadcrumbs {
    padding-left: 9px;
}

/**
 * Footer
 */
 
 #footer .nav li {
	 float: left;
	 padding-right: 20px;
 }
 
 #footer .nav.social-links li {
	 padding: 0;
 }
 
 #footer .nav li a {
	bottom: 3px;
	color: #333333;
	font-size: 10px;
	font-weight: bold;
    outline-style:none;
	position: relative;
	text-decoration: none;
}

#footer .nav li a:hover {
	color: #DD2527;
}
 
.nav.social-links {
	margin-bottom: 10px;
	margin-left: 43px;
}

.nav.social-links li {
	display: block;
	float: left;
	height: 28px;
	width: 28px;
	background: url('../img/social-sprite.png') 0px 0px;
}

.nav.social-links li a {
	display: block;
	height: 28px;
	width: 28px;
}

.nav.social-links li a span {
	position: absolute;
	left: -999em; /* this hiddens the text without removing the content */
}

.nav.social-links li.facebook {

}

.nav.social-links li.twitter {
	background-position: -28px 0px;
}

.nav.social-links li.blogger {
	background-position: -56px 0px;
}

.codestorm-copy,
.codestorm-copy a {
	color: #545454;
	font-size: 10px;
	text-align: center;
}

.think-tank-logo {
	float: left;
	margin-bottom: 20px;
	margin-right: 10px;
}

.enlight-photo-logo {
	float: left;
	margin-bottom: 20px;
    margin-left: 10px;
}


#footer {
	border-top: 2px solid black;
	padding-top: 20px;
}

.sub-footer{

}

#footer .grid_1_2.alpha {
    float: left;
    margin: 0;
}

#footer .grid_3 {
    float: right;
	margin: 0;
}

#footer h3 {
    float: left;
	font-size: 16px;
	line-height: 53px;
}

#footer .nav.inline {
	clear: left;
	margin: 0;
}

#footer .contact {
	z-index: 9999;
}

#footer .contact p {
    clear: both;
	text-align: center;
	padding-bottom: 0px;
}

#footer .contact a {
	color: #fff;
	text-decoration: underline;
}

#footer .contact a:hover {
	text-decoration: none;
}

.teaser.product-image {
    background: #fff;
    padding-right: 0;
    padding-bottom: 3px;
}

.teaser.newssignup {
	height: 230px;
    display: none;
}

.teaser.newssignup h2 label {
	font-size:16px;
}

.teaser.newssignup p label {
	float: left;
	font-weight: normal;
	padding-top: 10px;
	font-size:14px;
}

.teaser.newssignup p input {
	border: 1px solid #454545;
	float: left;
	height: 19px;
	width: 100%;
}

.newssignup p button  {
    display: inline;
	float: right;
    margin-top: 10px;
	text-align: center;
}

.newssignup p:last-child button {
	padding: 0px 8px 3px 8px;
}

div.my-account .btn_return-to-my-account {
    background-color: #DD2527;
    border-radius: 8px 8px 8px 8px;
    color: #FFFFFF;
    display: inline;
    float: right;
    font-family: Arial,sans-serif;
    margin-top: 2px;
    padding: 2px 8px;
    position: relative;
    text-decoration: none;
    text-shadow: 2px 2px 2px #888888;
    behavior: url('https://snapperstuff.com/assets/library/PIE/PIE.htc');
}

div.my-account dt,
div.my-account dd {
    display: block;
    float: left;
    height: 20px;
}

div.my-account dt {
    clear: left;
    font-weight: bold;
    width: 120px;
}

div.my-account .input-wrap {
    height: 25px;
}

div.my-account .input-wrap label {
    width: 120px;
}

div.my-account p,
div.my-account a {
    font-size: 12px;
    padding: 0;
}

div.my-account .buttons {
    clear: left;
    float: left;
    padding: 20px 0 0 0;
    width: 100%;
}

div.my-account .my-account-details {
    clear: left;
    float: left;
    margin: 20px 0 0 0;
    padding: 0;
}

div.my-account input#submit {
    border: 0;
    display: inline;
}

div.my-account .btn,
div.my-account input#submit,
div.my-account td.actions a,
.view-address .buttons .btn,
#submti,
div.my-account .card-details #fieldset-overphone input {
	background-color: #DD2527;
    border: none;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	color: #fff;
    cursor: pointer;
	font-family: Arial, sans-serif;
    padding: 2px 5px;
    position: relative;
	text-decoration: none;
	text-shadow: 2px 2px 2px #888;
    behavior: url('https://snapperstuff.com/assets/library/PIE/PIE.htc');    
}

div.my-account .btn:hover,
div.my-account input#submit:hover,
div.my-account td.actions a:hover,
#submti:hover,
div.my-account .card-details #fieldset-overphone input:hover {
    color: #ccc;
}

#submti {
    border: none;
    padding: 0 6px 1px 6px;
    font-size: 13px;
}


div.my-account th,
div.my-account td {
    border-bottom: 1px solid #454545;
    padding-right: 5px;
    text-align: left;
    vertical-align: top;
}

div.my-account th.order-number {
    width: 195px;
}

div.my-account th.order-date {
    width: 75px;
}

div.my-account th.transaction-status {
    width: 95px;
}

div.my-account th.subtotal {
    text-align: center;
    width: 75px;
}

div.my-account th.delivery {
    text-align: center;
    width: 75px;
}

div.my-account th.total-amount {
    text-align: center;
    width: 75px;
}

div.my-account th.actions {
    text-align: center;
    padding: 0;
    width: 120px;
}

div.my-account td.subtotal,
div.my-account td.delivery,
div.my-account td.total-amount {
    text-align: right;
}

div.my-account td.actions {
    padding: 0 0 5px 0;
}

div.my-account td.actions .pay {
    float: left;
    text-align: center;
    width: 40px;
}

div.my-account td.actions .cancel {
    clear: both;
    float: left;
    text-align: center;
    width: 40px;
}

div.my-account td.actions .download-invoice {
    clear: both;
    float: left;
    text-align: center;
    width: 40px;
}

div.my-account td.actions .download-invoice a {
    margin: 0 auto;
}

.my-account-details {
    padding: 20px 0 0 0;
}

.my-account-details th {
    padding: 5px;
}

.my-account-details td {
    padding: 5px;
}

.my-account-details th.address {
    width: 340px!important;
}

div.my-account .my-account-details td.actions {
    padding-top: 5px;
    text-align: center;
    vertical-align: top;
}

div.my-account .button-holder {
    clear: left;
    float: left;
    padding: 20px 0;
}

div.my-account .button-holder p {
    clear: left;
    padding-bottom: 10px;
    white-space: nowrap;
}

div.my-account .account-details label {
    clear: left;
    float: left;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 18px;
    width: 120px;
}

div.my-account .account-details p {
    float: left;
}

div.my-account .orders {
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	-webkit-box-shadow: 3px 3px 5px #888;
	-moz-box-shadow: 3px 3px 5px #888;
	box-shadow: 3px 3px 5px #888;
	padding: 0px;
    behavior: url('https://snapperstuff.com/assets/library/PIE/PIE.htc');
}

div.my-account .orders th,
div.my-account .orders td {
    background: #eee;
    padding: 5px;
    width: auto;
    font-size: 12px;
}

div.my-account .orders th {
    background: #ddd;
}

div.my-account .orders th span {
    font-weight: normal;
}

div.my-account .orders th.actions {
    width: 46px;
}

div.my-account .orders td.actions a {
    display: inline;
    margin-bottom: 5px;
}

div.my-account .orders th.invoice-number {
    width: 54px;
}

div.my-account .orders th.order-date,
div.my-account .orders th.order-number{
    width: 68px;
}

div.my-account .orders th.po-number {
    width: 90px;
}

div.my-account .orders th.subtotal {
    width: 75px;
}


div.my-account .orders th.subtotal,
div.my-account .orders th.shipping,
div.my-account .orders th.total-amount,
div.my-account .orders td.subtotal,
div.my-account .orders td.shipping,
div.my-account .orders td.total-amount {
    text-align: right;
}

div.my-account .orders td.actions {
    padding: 5px 5px 0 5px;
}

div.my-account .card-details dt,
div.my-account .card-details dd {
    font-size: 12px;
    height: auto;
}

div.my-account .card-details dd label input {
    position: relative;
    top: 3px;
}

div.my-account .card-details .billing_details {
    clear: both;
    float: left;
}

div.my-account .card-details #fieldset-overphone {
    border: none;
    padding: 0 15px;
}

.password-change dt,
.password-change dd,
.password-change dd input {
    clear: left;
    float: left;
}

.password-change dt label {
    float: left;
    font-size: 12px;
    padding: 5px 0;
}

.password-change dd .errors {
    float: left;
    left: auto;
    padding-left: 10px;
    position: relative;
    top: auto;
}

.card-details .input-wrap {
    height: 25px;
}

.card-details .input-wrap h2 label {
    text-align: left;
}

.card-details .input-wrap label {
    clear: left;
    font-size: 12px;
    padding-bottom: 10px;
}

.card-details .input-wrap label input {
    margin-right: 5px;
    position: relative;
    top: 2px;
}

.card-details .input-wrap select,
.card-details .input-wrap input {
    float: left;
}

.card-details fieldset {
    clear: both;
}

.card-details .input-wrap ul.errors {
    color: red;
    float: left;
    left: auto;
    margin: 0;
    padding: 0 0 0 10px;
    position: relative;
    top: auto;
}

.carddetails .btn {
	background-color: #DD2527;
    border: none;
	border-radius: 8px;
	color: #fff;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	font-family: Arial, sans-serif;
    font-size: 12px;
	font-weight: bold;
    margin-right: 0;
    padding: 0 10px;
	text-decoration: none;
	text-shadow: 2px 2px 2px #888;
	filter: dropshadow(color=#888, offx=2, offy=2);
    top: auto;
}

.carddetails .btn:hover {
    color: #ccc;
}

.view-address p {
    clear: both;
    float: left;
    padding: 0;
}

.view-address span {
    display: block;
    font-weight: bold;
    float: left;
    width: 120px;
}

.view-address .buttons {
    clear: both;
    font-size: 12px;
    padding-top: 10px;
}

#lightbox-nav a#lightbox-nav-btnPrev {
    background-position: left 100px !important;
}

#lightbox-nav a#lightbox-nav-btnNext {
    background-position: right 100px !important;
}

#lightbox-container-image #lightbox-container-image-data-box {
    position: absolute;
    bottom: 5px;
    height: 20px;
    width: 94%!important;
    z-index: 1000;
}

#lightbox-image-details-currentNumber {
    float: left;
}

#lightbox-secNav {
    float: right;
    padding-bottom: 0.7em;
    width: 66px;
    z-index: 2000;
}

#lightbox-image-details-currentNumber {
    padding-bottom: 0;
}

#lightbox-image-details-currentNumber {
    line-height: 20px;
}

.stock {
    width: 75px;
    background: url('../img/stock.png') no-repeat right 1px;
    font-weight: bold;
    padding-bottom: 0px;
}

.stock.in-stock {
    background-position: right 0;
    color: green!important;
}

.stock.low-stock {
    background-position: right -17px;
    color: orange!important;
}

.stock.no-stock {
    background-position: right -34px;
    color: red!important;
}

.product-info .stock.in-stock {
    background-position: right 0;
    color: green!important;
    float: left;
}

.product-info .stock.low-stock {
    background-position: right -18px;
    color: orange!important;
    float: left;
}

.product-info .stock.no-stock {
    background-position: right -35px;
    color: red!important;
    float: left;
}

#passwordss-element{
    float: left;
    clear: both;
    margin-left: 10px;  
    margin-bottom: 10px; 
}

#fieldset-passwordss{
    border-collapse:collapse;
    padding: 0;
    float: left;
    
}



.teaser.darkgrey-background.about-us, 
.teaser.whats-new{
    height: 150px;
}

.teaser.darkgrey-background.support-charity {
	float: left;
	margin-top: 10px;
    padding: 0;
	text-align: center;
    height: 246px;
}

.teaser.blue-background.featured-product,
.teaser.lightblue-background.special-offer{
    height: 130px;
    
}

.teaser.red-background.contact.email{
    height: 51px;
    width: 170px;
}

#passMsg {
    color: red;
    font-family: sans-serif;
    font-size: 12px;
    position: relative;
    top: -437px;
    left: 292px;
    z-index: 40;
    display: none;
}

.teaser h2.warning{
    text-align: center;
}

table.orders tr.justPaid td {
    background-color: #daeaaf;
}


#cookie-holder{
    height: 100px;
    width: 220px;
    float: left;
    left: 400px;
    top: 21px;
    background-color: #fff;
    position: absolute;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	-webkit-box-shadow: 3px 3px 5px #2d2d2d;
	-moz-box-shadow: 3px 3px 5px #2d2d2d;
	box-shadow: 3px 3px 5px #2d2d2d;
	padding: 10px;
    behavior: url('https://snapperstuff.com/assets/library/PIE/PIE.htc');    
    z-index: 99999;
    display: none;
}

p.big-cookie{
    color: #000;
    font-weight: bold;
    font-size: 14px;
}

p.small-cookie{
    color: #000;    
    font-weight: bold;
    font-size: 12px;
}

#cookie-holder a.button{
    line-height: 13px;
    padding: 3px 8px 3px 8px;
    float: right;

}

.grid_2_3.carddetails.sagepay_iframe {
    background-color: white;
    border-radius: 10px;
    padding: 10px;
    width: 740px;
}