/**
 * Black & White
 * A Shopify theme by Clean Canvas. 
 *
 * @version     0.1
 * @author      Will Broderick @ Clean Canvas
 * @theme_url   http://cleanthemes.co.uk/blackandwhite
 *
 * If you need support or help customizing the theme, visit 
 * cleanthemes.co.uk/blackandwhite or contact us at shopify@cleanthemes.co.uk
 *
 */
 













/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
   (Tweaked for CleanThemes theme)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* CSS clear fix */
 /* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:table;
}

.cf:after {
    clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}

/* simpleclear */
.simpleclear {
    clear:both;
}

/*  Site
 */

body {
    font:normal 14px 'Droid Serif', sans-serif;
    line-height: 1.4em;
    color:#cccccc;
    background:#222244;
}

.bodywrap {
    background:#222244
    ;
    position: relative;
    z-index: 5;
    
    border-top: none;
    
}

body > .bodywrap {
    position:relative;
    z-index:50;
}

h1, h2, h3, h4, h5, h6 {
    font:normal 36px/36px 'Trocchi', sans-serif;
}

h2 {
    font-size:32px;
}
h3 {
    font-size:30px;
}
h4 {
    font-size:28px;
}
h5 {
    font-size:26px;
}
h6 {
    font-size:24px;
}

i, em {
    font-style:italic;
}

b, strong {
    font-weight:bold;
}

a {
    color:#a8ed7a;
    text-decoration:none;
}

a.highlight {
    display:inline-block;
    zoom:1;
    *display:inline;
    max-width:100%;
    -moz-transition: box-shadow 200ms; /* Firefox 4 */
    -webkit-transition: box-shadow 200ms; /* Safari and Chrome */
    -o-transition: box-shadow 200ms; /* Opera */
    transition: box-shadow 200ms;
}

a.highlight img {
    z-index:-1;
    position:relative;
}

.error {
    color:#a8ed7a;
    font-style:italic;
}

input {
    padding:0;
    height:36px;
    text-indent:6px;
}

input,
.textboxcont,
textarea {
    background:#f7f7f7;
    font-size:80%;
    border:1px solid #585858;
    color:#000000;
    -moz-transition: border-color 200ms; /* Firefox 4 */
    -webkit-transition: border-color 200ms; /* Safari and Chrome */
    -o-transition: border-color 200ms; /* Opera */
    transition: border-color 200ms;
    -webkit-appearance: none; /* iOS */
    
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}

input[type=radio] {
    -webkit-appearance: radio;
}

.textboxcont input {
    border:0;
    height:36px;
    width:100%;
    text-indent:18px;
}

textarea {
    width:95%;
    padding:5px;
    height:100px;
    margin-top:8px;
}

input[type=submit] {
    height:auto;
    text-indent:0;
}

input[type=checkbox] {
    vertical-align:middle;
    -webkit-appearance: checkbox;
}

input.short {
    height:30px;
    line-height:30px;
}

.hidden {
    display:none;
}

.button {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	display:inline-block;
	color:#777777;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 15px;
	text-decoration:none;
}.button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}.button:active {
	position:relative;
	top:1px;
}


a.button.altcolor,
input.button.altcolor,
.button.altcolor a {
    background-color:#21760b;
}


a.button.large,
input.button.large,
.button.large a {
    padding:15px;
    display:block;
    text-transform:uppercase;
    font-size:20px;
}

a.button.large.plus,
input.button.large.plus,
.button.large.plus a {
    text-align:left;
}

a.button:hover,
input.button:hover,
.button a:hover {
    color: #ffffff;
    -webkit-box-shadow: 0 0 2px 1px #000;
    -moz-box-shadow: 0 0 2px 1px #000;
    box-shadow: 0 0 2px 1px #000;
}

.betweenbuttons {
    margin-left:10px;
    margin-right:10px;
}

.loadingimg {
    background:url(loader-black77c6.gif?4643) center center no-repeat;
    min-height:40px;
}

#util-bar {
    background:#222244
    ;
    color: #ffffff;
    
}

#util-bar .util-bar-upperarea {
    border-bottom: #222244 1px solid;
    position:relative;
    padding-bottom:10px;
    padding-top:20px;
    display:none;
    z-index:3;
}

#util-bar .util-bar-upperarea div {
    text-align:center;
}

#util-bar #util-bar-login .inputwrap {
    position: relative;
}

#util-bar #util-bar-login .title {
    float:left;
    width:70px;
    font: 18px 'Trocchi',sans-serif;
    margin-top:7px;
}

#util-bar #util-bar-login .nameinputcont {
    float:left;
    width:326px;
}

#util-bar #util-bar-login .nameinputcont .nameinput {
    width:100%;    
}

#util-bar #util-bar-login .passwordinputcont {
    float:left;
    width:400px;
    margin-left:14px;
    position:relative;
}

#util-bar #util-bar-login .passwordinputcont input {
    width:100%;
}

#util-bar #util-bar-login .passwordinputcont .forgot {
    border-left:1px solid #d0d0d0;
    padding-left:12px;
    position:absolute;
    right:10px;
    top:9px;
    color:#000000;
}

#util-bar #util-bar-login .passwordinputcont .forgot a {
    font-style:italic;
    font-size:90%;
}

#util-bar #util-bar-login .button {
    position:absolute;
    right:0;
    top:0;
    width:112px;
    margin-top:2px;
}

#util-bar .cartsocialcont {
    padding:10px 0;
}

#util-bar .tagline {
    font:italic 19px/34px serif;
    float:left;
    width:350px;
}

#util-bar .actions {
    font:14px 'Droid Serif', sans-serif;
    margin-top:4px;
    margin-bottom:2px;
    text-align:right;
    float:left;
    width:590px;
}

#util-bar .actions a {
    color:#ffffff;
}

#util-bar .actions .account {
    height: 25px;
    line-height: 25px;
    margin-right:10px;
    display: inline-block;
    zoom: 1;
    *display: inline;
}

#util-bar .actions .logindrop {
    
    background:url('themeicons77c6.png?4643') no-repeat right -311px;
    
    padding-right:15px;
}

#util-bar .actions .logindrop.open {
    
    background-position:right -266px;
    
}

#util-bar .actions ul {
    margin:0 10px 0 10px;
    vertical-align: top;
}

#util-bar .actions .socialicons {
    display:inline;
    line-height: 28px;
}

#util-bar .actions ul,
#util-bar .actions li,
#util-bar .actions li a,
.socialicons li,
.socialicons li a {
    display:inline-block;
    zoom: 1;
    *display: inline;
    height:28px;
}

#util-bar .socialicons li a {
    overflow:hidden;
    display:block;
    text-indent:9999px;
    text-transform: capitalize;
    width:28px;
    margin-right:2px;
    background:url('socialicons77c6.png?4643');
}



#util-bar .socialicons li.rss a { background-position:0px 0; }
#util-bar .socialicons li.facebook a { background-position:0px -28px; }
#util-bar .socialicons li.twitter a { background-position:0px -56px; }
#util-bar .socialicons li.tumblr a { background-position:0px -84px; }
#util-bar .socialicons li.pinterest a { background-position:0px -112px; }

#util-bar .socialicons li a:hover {
    opacity:0.8;
    filter: alpha(opacity=80); /* ie */
}

#util-bar .actions #cartsummary {
    margin-right:30px;
}

#util-bar #searchcont {
    background:#222244;
    /*border-left:1px solid #222244;*/
    position:relative;
    overflow:hidden;
    vertical-align:middle;
    position:absolute;
    /*
    If you find the search box shadow is overlapping your image background,
    try changing the following to something like:
    top:20%;
    height:60%;
    */
    top:10%;
    height:80%;
    right:0;
    padding-left:24px;
    -webkit-box-shadow: -5px 0px 5px 1px #222244;
    box-shadow: -5px 0px 5px 1px #222244;
}

#util-bar #searchcont .searchbtn {
    outline: 0;
    overflow:hidden;
    text-indent:9999px;
    text-transform: capitalize;
    
    background:url('themeicons77c6.png?4643') no-repeat 5px -409px;
    
    
    position:absolute;
    width:20px;
    height:40px;
    top:50%;
    left:0;
    margin-top:-20px;
}

#util-bar #searchcont input.search {
    border-top:0;
    border-left:0;
    border-right:0;
    background:transparent;
    display:block;
    height:26px;
    width:170px;
    color:#ffffff;
    text-indent:0;
    -moz-transition: border-color 150ms linear;
    -webkit-transition: border-color 150ms linear;
    -o-transition: border-color 150ms linear;
    transition: border-color 150ms linear;
}

#util-bar #searchcont input.search:focus {
    border-color:#222244;
}

#util-bar #searchcont .searchformwrap {
    position:absolute;
    height:20px;
    top:50%;
    left:24px;
    margin-top:-12px;
}

#util-bar #searchcont .inputrow {
}

.smarttextinput input[type=submit] {
    position:absolute;
    top:0;
    right:0;
    border:0;
    background:transparent;
    overflow:hidden;
    height:100%;
    width:25px;
    cursor:pointer;
    color:inherit;
}

.smarttextinput .inputrow {
    display: inline-block;
    zoom: 1;
    *display: inline;
}

#util-bar #searchcont input.search,
#util-bar #searchcont .searchbutton {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

#util-bar #searchcont .hoverlabel {
    top:5px;
    left:0;
    font-size:14px;
    line-height:14px;
    color:#ffffff;
}

#pageheader {
    z-index:100;
}

#pageheader #logo {
    
    padding-top:10px;
    
    
    text-align:center;
    
}

#pageheader #logo img {
    max-width:100%;
    height:auto;
}

#pageheader #logo,
#pageheader #logo h1 {
    color:#21760b;
    font:normal 50px 'Asap', sans-serif;
}

#pageheader nav {
    border-bottom: #666666 5px solid;
    font:normal 26px 'Trocchi', sans-serif;
    margin-top:10px;
    text-align:center;
}

#pageheader nav ul li {
    margin-left:26px;
    position:relative;
    display: inline-block;
    zoom: 1;
    *display: inline;
}

#pageheader nav ul li.first {
    margin-left:0;
}

#pageheader nav ul li .hasdropdown {
    padding-right:15px;
    
    background:url(themeicons77c6.png?4643) right -306px no-repeat;
    
}

#pageheader nav ul li.open .hasdropdown {
    
    background-position: right -261px;
    
}

#pageheader nav ul li a {
    color: #ffffff;
    height: 36px;
    line-height: 36px;
    padding: 0 5px;
    text-decoration:none;
    display: inline-block;
    zoom: 1;
    *display: inline;
}

#pageheader nav ul li a:hover {
    opacity:0.7;
    filter: alpha(opacity=70);
}

#pageheader nav ul ul {
    display:none;
    background: #242424;
    padding-bottom: 5px;
    position: absolute;
    left: 0;
    top: 36px;
    z-index: 10000;
    border-top:5px solid #666666;
    border-radius:0 0 3px 3px;
    box-shadow: 0 1px 3px #000;
    filter: alpha(opacity=90); /* ie */
    opacity: 0.9;
}

#pageheader nav ul ul li {
    display: block;
    margin: 5px 10px 0;
    border-top: 1px solid rgb(67, 67, 67);
    border-top: 1px solid rgba(67, 67, 67, .5);
}

#pageheader nav ul ul li:first-child {
    border-top:0;
}

#pageheader nav ul ul li a {
    color: #a8ed7a;
    height: auto;
    line-height: 32px;
    width: 160px;
    padding:0 10px;
}

#pageheader nav #dropdownNav {
    width:100%;
    margin:10px 0;
    padding:10px;
    display:none;
}

#crumbs {
    line-height:40px;
    font-size:85%;
    z-index:5;
    position:relative;
}

#crumbs a {
    color:#cccccc;
}

.collectionfilter {
    text-align:right;
}

#mainslider {
    position:center;
}


#mainslider.flexslider .slides > li img { width:100%; }

#mainslider.loadingimg {
    min-height:40px;
    background:url(loader-black77c6.gif?4643) center center no-repeat;
}

#mainslider .overlay {
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    z-index:20;
}

#mainslider .overlay.left,
#mainslider .overlay.right {
    top:0;
    bottom:auto;
    height:100%;
    width:300px;
}

#mainslider .overlay.right {
    left:auto;
    right:0;
}

#mainslider .overlay.bottom {
    padding:10px 0 15px;
}

#mainslider .overlay p,
#mainslider .overlay h6 {
    color:#ffffff;
    margin:5px 15px;
}

#mainslider .overlay.left .title,
#mainslider .overlay.right .title {
    margin-top:30px;
    margin-bottom:10px;
}

#mainslider .overlay .price {
    font-size: 190%;
    margin:10px 15px 20px;
    font-family: 'Trocchi', sans-serif;
    display:block;
    color:#ffffff;
}

#mainslider .overlay.bottom.haslower .price {
    text-align:right;
}

#mainslider .overlay .button {
    border-color: transparent;
    text-align: center;
    margin:10px 15px 0;
}

#mainslider .overlay.left .lower,
#mainslider .overlay.right .lower {
    margin:0;
    position:absolute;
    bottom:0;
    padding-bottom:15px;
    width:100%;
}

#mainslider .overlay.bottom.haslower .upper {
    float:left;
    width:68%;
}

#mainslider .overlay.bottom.haslower .lower {
    float:left;
    width:32%;
}

#mainslider .flex-direction-nav {
    display:none;
}

#mainslider .flex-control-nav li a {
    height:8px;
    width:8px;
}

#mainslider .flex-control-nav {
    display:block;
}

.widgets {
    clear:both;
}

aside.widgets {
    clear:none;
}

.blogwidget span {
    display: block;
    padding-top: 5px;
}

.widgets .widget {
    margin-top:20px;
    position:relative;
}

.widgets .widget .paging,
.widgets .widget .flex-direction-nav {
    position:absolute;
    top:8px;
    right:0;
}

aside.widgets .widget .flex-direction-nav {
    top:25px;
}

.widget.tweetwidget .tweet_text {
    display: block;
    font-family: Serif;
    font-size: 20px;
    font-style: italic;
    letter-spacing: -0.02em;
    line-height: 1.2em;
    margin-bottom: 6px;
}

.widgets .widget.pagesnippetwidget img,
.widgets .widget.pagesnippetwidget object,
.widgets .widget.pagesnippetwidget iframe,
.widgets .widget.pagesnippetwidget table,
.widgets .widget.fullwidthimg img {
    max-width:100%;
    display:block;
}

.productpilewidget .product {
    width:32%;
    float:left;
    margin-top:5px;
    position:relative;
}

.productpilewidget .product.middle {
    margin-left:2%;
    margin-right:2%;
}

.productpilewidget .product a {
    display:block;
    overflow:hidden;
    height:100%;
    text-align:center;
    margin-bottom:-4px; /* compensate for inline spacing */
}

.productpilewidget .product img {
    max-width:100%;
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.doimgfade .productpilewidget .product img {
    visibility:hidden;
}

/* IE7 margin rounding probs... */
html* .productpilewidget .product.middle {
    margin-left:1%;
    margin-right:1%;
}

html* .productpilewidget .product a {
    margin-bottom:0;
}

#simplepopuptext {
    display:none;
    position: absolute;
    text-align: center;
    background: #222244;
    border:1px solid #222244;
    padding:3px 5px;
    z-index:900;
    
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#simplepopuptext .notch {
    position:absolute;
    bottom:-10px;
    left:50%;
    margin-left:-10px;
}

.paging a,
.flex-direction-nav .next,
.flex-direction-nav .prev {
    background: #666666;
    border:1px solid #666666 !important;
    height: 23px;
    text-indent: 10px;
    overflow:hidden;
    width: 23px;
    color:#cccccc;
    
    -moz-transition: opacity 200ms linear !important;
    -webkit-transition: opacity 200ms linear !important;
    -o-transition: opacity 200ms linear !important;
    transition: opacity 200ms linear !important;
}

.paging a,
.flex-direction-nav .next,
.flex-direction-nav .prev,
.paging span {
    vertical-align:bottom;
    line-height: 22px;
    text-align:left;
    margin-right: 0px;
    display: inline-block;
    zoom: 1;
    *display: inline;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.flex-direction-nav .next,
.flex-direction-nav .prev,
.paging > span,
.paging > a {
    margin-left:2px;
    margin-right:2px;
}

.paging span {
    height:25px;
    width: 25px;
}

.paging .page,
.paging .page a {
    line-height:23px;
}

.paging .page a {
    text-indent:0;
    text-align:center;
    margin-right:0;
}

.paging .page.current {
    background: #222244;
    border:1px solid #222244;
    width:23px;
    height:23px;
    line-height: 23px;
    text-align:center;
    text-decoration:underline;
}

.flex-direction-nav li {
    display:inline;
}

.paging.simpletext a {
/*    vertical-align:middle; */
}

.paging.simpletext .nextwrap,
.paging.simpletext .prevwrap {
    float:left;
    width:50%;
    margin-left:0;
    margin-right:0;
}

.paging.simpletext .nextwrap {
    text-align:right;
    float:right;
}

.paging.simpletext a.text {
    width:auto;
    text-indent:0;
    padding:0 8px;
}

.paging a.prev,
.paging a.next,
.flex-direction-nav .next,
.flex-direction-nav .prev {
    text-indent:-999px;
    background-image:url(themeicons77c6.png?4643);
    
    background-position:1px -130px;
    
    background-repeat:no-repeat;
}
.paging a.prev,
.flex-direction-nav .prev {
    
    background-position:0 -80px;
    
}

.paging a:hover,
.flex-direction-nav .next:hover,
.flex-direction-nav .prev:hover {
    opacity:0.7;
    filter: alpha(opacity=70);
}

.middletext {
    text-align:center;
    padding:10px 0;
}

.middleit {
    text-align:center;
    padding: 0 20px;
}

.productlist .product {
    position:relative;
    margin-top:25px !important; /* to keep spacing on small screens */
}

.slides .productlist .product {
    margin-top:0;
}

.productlist .product .columnfluff {
    width:1px;
    height:100%;
    position:absolute;
    top:0;
    right:-10px;
    border-right: 1px solid #222244;
}

.productlist .product .title,
.productlist .product .desc,
.productlist .product .price {
    margin-left:5px;
    margin-right:5px;
}

.productlist .product .title {
    display:block;
    margin-top:7px;
    color:#a8ed7a;
}

.productlist .product .desc {
    color:#cccccc;
    display:block;
    margin-top:5px;
}

.productlist .product .price {
    margin-top:5px;
    font-size:16px;
    font-family:'Trocchi', sans-serif;
}

.productlist .product .price .reducedfrom {
    filter: alpha(opacity=50);
    opacity:0.5;
    text-decoration: line-through;
}

.productlist .product .price .from {
    font-size:14px;
    line-height:14px;
    font-style:italic;
}

.productlist .product .imgcont {
    overflow:hidden;
    text-align:center;
    position:relative;
    z-index:0;
    margin:0 5px;
    min-height:80px; /* So that when images are loading, page has a layout */
}

.productlist .product .imgcont .imgswitch {
    position:relative;
    width:100%;
    display:inline-block;
    zoom: 1;
    *display: inline;
}

.productlist .product .imgcont .imgswitch img {
    display:inline-block;
    zoom:1;
    *display:inline;
}

.productlist .product .imgcont .imgswitch .altimgcont {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    text-align:center;
    overflow:hidden;
}

.productlist .product .imgcont .imgswitch .altimg {
    filter: alpha(opacity=0);
    opacity:0;
    max-height:none;
    max-width:none;
}

.productlist .product .imgcont .sale {
    background:#21760b;
    border:1px solid #fff;
    padding: 4px 12px;
    color: #ffffff;
    font-family:'Trocchi', sans-serif;
}


.productlist .product .imgcont .salecontainer {
    position:absolute;
    top:50%;
    left:20%;
    width:60%;
    margin-top:-14px;
    text-align:center;
    z-index:10000;
}
.productlist .product .imgcont .sale {
    display:inline-block;
    zoom: 1;
    *display: inline;
}


.productlist .product .imgcont img {
    max-width:100%;
}

.productlist .product .imgcont .highlight img {
    display:block;
}

.minibutton {
    font-size:25px;
    line-height:25px;
    padding:5px;
    vertical-align:middle;
    display:inline-block !important;
    zoom: 1;
    *display: inline !important;
}

#maincontent {
    padding-bottom:50px;
    position:relative;
    z-index:50;
}

#productinfo .singleimage {
    position:relative;
    margin-top:35px;
    text-align:center;
}

#productinfo .singleimage a {
    display: inline-block;
    zoom:1;
    *display:inline;
    max-width:100%;
}

#productinfo .singleimage img {
    max-width:100%;
}

#productinfo #detail {
    margin-top:10px;
}

#productinfo #detail > h1 {
    color:#ffffff;
    font-size:16px;
    border:0;
    margin-bottom:10px;
}

#productinfo #detail .price {
    font-family:'Trocchi', sans-serif;
    font-size:16px;
    line-height:35px;
    margin:5px 0 20px;
}

#productinfo #detail .price .was-price {
    font-size:100%;
    opacity:0.5;
    filter: alpha(opacity=75);
    text-decoration:line-through;
}

#productinfo #detail .options {
    margin:20px 0;
}

#productinfo #detail .options #quantity {
    width:40px;
}

#productinfo #detail .options .selectors {
    margin-top:14px;
}

#productinfo #detail .options .selectors label {
    display:block;
    margin:10px 0 5px;
}

#productinfo #detail .addbuttoncont {
    position:relative;
}

#productinfo #detail .button {
    width:100%;
    text-align:center;
}

#productinfo #detail .added {
    font-family:'Trocchi', sans-serif;
    position:absolute;
    display:none;
    bottom:0;
    left:0;
    width:100%;
    height:100%;
    font-size:16px;
    line-height:58px;
    color: #ffffff;
    background-color:#21760b;
    text-align:center;
    
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

#productinfo #detail .added .yay {
    position:absolute;
    left:0;
    top:0;
    width:50%;
    height:100%;
}

#productinfo #detail .added .basket {
    position:absolute;
    right:0;
    top:0;
    width:50%;
    height:100%;
    color: #ffffff;
    background:url(transblack2077c6.png?4643);
}

#productinfo #detail .added .basket:hover {
    opacity:0.9;
}

#productinfo #detail .added.error {
    z-index:20;
    height: auto;
    line-height: 25px;
    min-height: 100%;
    -webkit-box-shadow: 0 0 2px 0 #000;
    -moz-box-shadow: 0 0 2px 0 #000;
    box-shadow: 0 0 2px 0 #000;
}

#productinfo #detail .description {
    margin-top:20px;
}

#productinfo #rg-gallery {
    margin-top:10px;
}

#productinfo #detail .social {
}

.tags {
}

.tags.contentsection a {
    white-space:nowrap;
}

#maincontent .contentsection {
    border-bottom:1px solid #ddd;
    padding:0 0 10px 0;
    margin:0 0 10px 0;
}

#maincontent .social.floating {
    text-align:right;
    position:absolute;
    right:35px;
    top:10px;
    z-index:5;
}

#maincontent .social .socialitem {
    vertical-align: top;
    display:inline-block;
    zoom:1;
    *display:inline;
}

#maincontent .social .socialitem.facebookcont {
    width:90px;
}

#maincontent .social .label {
    vertical-align: top;
    margin-right:5px;
}

#maincontent .social .fb_iframe_widget span {
    display:block;
    overflow:hidden;
}

#maincontent .social #fb-root {
    display:none;
}

#maincontent .social.floating .fb_iframe_widget iframe {
    position:static;
}

.searchresults {
}

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

aside.widgets {
    margin-top:0;
}

aside.widgets .widget {
    margin-top:0;
    margin-bottom:20px;
}

aside h2 {
    margin-bottom:0;
}

aside .item {
    padding-bottom:20px;
}

aside .item.recentarticles li {
    border-bottom:1px solid #dedede;
    padding-bottom:8px;
    margin-bottom:8px;
}

aside .item.recentarticles li a {
    display:block;
    margin-bottom:10px;
}

aside .item.recentarticles li h4 {
    display:inline;
    font-size:110%;
}

aside .item.recentarticles li span {
    font-style:italic;
}

aside .item.recentarticles li p {
    margin:5px 0;
}

.tags li {
    display:inline;
    line-height:44px;
    padding:4px 10px;
    border:1px solid #222244;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.tags li.active {
    background: #222244;
}

.tags li.active a {
    color:#cccccc;
}

#maincontent h1,
#maincontent h2,
#maincontent h3 {
    border-bottom:1px solid #222244;
    margin-bottom: 20px;
    padding-top:20px;
    padding-bottom:10px;
    color:#ffffff;
}

#maincontent h1.nobordermargin,
#maincontent h2.nobordermargin,
#maincontent h3.nobordermargin {
    border:0;
    margin-bottom:0;
}

#maincontent .widgets .widget h6,
#maincontent aside h1,
#maincontent aside h2,
#maincontent aside h3,
#maincontent aside h4,
#maincontent aside h5,
#maincontent aside h6 {
    line-height:36px;
    border-bottom:1px solid #222244;
    margin-bottom: 20px;
    padding-top:20px;
    padding-bottom:10px;
    color:#ffffff;
}

#maincontent .widgets .widget h6 {
    padding-top:0;
    line-height:1.3em;
}

.widgets .flexslider h6,
.widgets.flexslider h6 {
    padding-right:60px;
}

#maincontent .pagecontent img {
    max-width:100%;
}

#maincontent article .info {
    font-style:italic;
    margin-bottom:15px
}

#maincontent #crumbs .socialicons {
    float:right;
    line-height:20px;
    margin-top:10px;
}

#maincontent .socialicons .rss {
    display:inline-block;
    zoom: 1;
    *display: inline;
    height:28px;
    width:28px;
    overflow:hidden;
    text-indent:9999px;
    text-transform: capitalize;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    
    background:url('socialicons77c6.png?4643') no-repeat -28px 0;
    
}

#maincontent p {
    margin-top: 10px;
    margin-bottom: 10px;
}

#maincontent .comments p {
    margin: 0 0 20px;
}

#maincontent .comments .commentbody {
    border-bottom:1px solid #ddd;
}

.formfields .inputrow {
    position:relative;
}

#maincontent .formfields .inputrow {
    margin:10px 0;
}

#maincontent .formfields .inputrow input {
    width:250px;
}

#maincontent .formfields .inputrow input.normalwidth {
    width:auto;
}

#maincontent table {
    border-top:4px solid #222244;
}

#maincontent td {
    border-bottom:1px solid #222244;
    padding:5px 7px;
    text-align:left;
}

#maincontent th {
    border-bottom:1px dotted #222244;
    padding:5px 7px;
    text-align:left;
}

#maincontent .content-block {
    line-height:1.5em;
}

#maincontent .content-block img {
    max-width:100%;
}

#maincontent .content-block h1 {
}
#maincontent .content-block h2 {
    font-size:35px;
}
#maincontent .content-block h3 {
    border:0;
    font-size:32px;
}
#maincontent .content-block h4 {
    line-height:1.5em;
    font-size:27px;
    padding: 0 0 10px;
}
#maincontent .content-block h5 {
    font-size:25px;
    line-height:1.4em;
    padding: 0 0 10px;
}
#maincontent .content-block h6 {
    font-size:22px;
    padding: 0 0 0px;
    border-bottom:1px dashed #222244;
    margin-bottom: 15px;
    padding:12px 0 5px 0;
}

#maincontent .content-block blockquote,
#maincontent .content-block q {
    font-size: 140%;
    font-style: italic;
    line-height: 1.5em;
    margin: 15px 0;
    padding-left: 30px;
    width: 80%;
    border-left:5px solid #222244;
}

#maincontent .content-block ul,
#maincontent .content-block ol {
    margin-top:10px;
    margin-bottom:10px;
}

#maincontent .content-block li {
    list-style: disc inside none;
}

#maincontent .content-block ol li {
    list-style: decimal inside none;
}

#maincontent .content-block .jstab {
    clear:both;
}

/* Hover for standard text <a> tags */
#maincontent p a,
#maincontent .content-block a,
#maincontent .contentsection a,
#maincontent .tags a,
#maincontent .info a,
#maincontent .tweetwidget a,
#maincontent .pagesnippetwidget a,
#maincontent .recentarticles a h4,
#maincontent #basket .desc a,
#maincontent #basket .remove a {
    border-bottom:1px dashed transparent;
    -moz-transition: border-color 200ms linear;
    -webkit-transition: border-color 200ms linear;
    -o-transition: border-color 200ms linear;
    transition: border-color 200ms linear;
}

#maincontent p a:hover,
#maincontent .content-block a:hover,
#maincontent .contentsection a:hover,
#maincontent .tags a:hover,
#maincontent .info a:hover,
#maincontent .tweetwidget a:hover,
#maincontent .pagesnippetwidget a:hover,
#maincontent .recentarticles a:hover h4,
#maincontent #basket .desc a:hover,
#maincontent #basket .remove a:hover {
    border-color:#a8ed7a;
}

.formfields label {
    font-size:100%;
}

.formfields.dohover .inputrow label.hoverlabel {
    position:absolute;
    cursor:text;
    left:10px;
    top:2px;
    height:90%;
    line-height:36px;
    color:#000000;
}

#basket .cartitem {
    border-bottom: 1px solid #222244;
    padding:30px 0;
}

#basket .cartitem.first {
    border-top:0;
}

#basket .image {
    float:left;
    width:13%;
    margin-right:2%;
}

#basket .image img {
    max-height:100%;
    max-width:100%;
}

#basket .desc {
    float:left;
    width:38%;
    padding:10px 0 0;
}

#basket .qty {
    float:left;
    width:17%;
    text-align:center;
}

#basket .qty label {
    display:block;
}

#basket .qty input {
    text-align:center;
}

#basket .amt {
    float:left;
    width:11%;
    padding:25px 0 0;
    text-align:center;
}

#basket .remove {
    float:left;
    width:19%;
    padding:25px 0 0;
    text-align:center;
}

#basket .foot {
    padding-top:22px;
}

#basket .foot .button {
    display:inline;
}

#basket .foot .instructions {
    width:53%;
    float:left;
}

#basket .foot .updatecont {
    float:left;
    width:17%;
}
#basket .foot .checkoutcont {
    float: left;
    text-align: center;
    width: 30%;
}

#basket .foot .checkoutcont .button {
}

#basket .foot .total {
    padding: 0 0 25px;
    font-size:24px;
}

#basket .foot .extrapaymentmethods input {
    border:0;
    background:transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

#basket textarea {
    width:360px;
    height:111px;
}

#shipping-calculator .selectreplace {
    vertical-align:middle;
    width:100%;
}

#shipping-calculator label {
    display:block;
    margin-bottom:3px;
    margin-top:5px;
}

#shipping-calculator input[type=text] {
    width:100%;
}

#shipping-calculator .button {
    margin-top:25px;
    padding: 7px 22px;
}

#pagefooter {
    color: #ffffff;
    background:#222244
    ;
    padding:20px 0 60px;
    text-align:center;
    position:relative;
    z-index:40;
    
    border-top: none;
    
}

#pagefooter h1,
#pagefooter h2,
#pagefooter h3,
#pagefooter h4 {
    color: #ffffff;
    font-size:24px;
    line-height:24px;
    padding:20px 0 20px;
}

#pagefooter #recentproducts li {
    display:inline-block;
    zoom:1;
    *display:inline;
/*    border-left: 1px solid #222244; */
    margin:0 0 15px;
    padding:0 15px;
    vertical-align:middle;
}

#pagefooter #recentproducts li.first {
    border-left:0;
}

#pagefooter #recentproducts li a,
#pagefooter #recentproducts li a img {
    display:block;
}

#pagefooter .registercont {
    margin-bottom:20px;
}

#pagefooter .registercont .showregister {
    padding:10px 55px;
    font-size:17px;
}

#pagefooter .registercont .contact-form {
    height:56px;
}

#pagefooter .registercont label {
    left:0;
    color:#ffffff;
}

#pagefooter .registercont .registerform input[type=email] {
    border-top:0;
    border-left:0;
    border-right:0;
    background:transparent;
    display:inline;
    height:35px;
    width:175px;
    color:#ffffff;
    text-indent:0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -moz-transition: border-color 150ms linear;
    -webkit-transition: border-color 150ms linear;
    -o-transition: border-color 150ms linear;
    transition: border-color 150ms linear;
}
#pagefooter .registercont .registerform input[type=email]:focus {
    border-bottom-color: #222244;
}

#pagefooter nav li {
    display:inline;
    margin:20px 0;
    padding:0 8px 0 12px;
    border-left:1px solid #ffffff;
}

#pagefooter nav li.first {
    border-left:0;
}

#pagefooter nav a,
#pagefooter .copyright a {
    color: #a8ed7a;
    border-bottom:1px dashed transparent;
    -moz-transition: border-color 200ms linear;
    -webkit-transition: border-color 200ms linear;
    -o-transition: border-color 200ms linear;
    transition: border-color 200ms linear;
}

#pagefooter nav a:hover,
#pagefooter .copyright a:hover {
    border-color:#a8ed7a;
}

#pagefooter .copyright {
    margin:20px 0;
}

#pagefooter .paymentmethods {
}

#pagefooter .paymentmethods > span {
    background:url('payment-methods-sprite77c6.png?4643') 0 0 no-repeat;
    width:37px;
    height:23px;
    margin:2px;
    display:inline-block;
    zoom:1;
    *display:inline;
}

#pagefooter .paymentmethods span span {
    display:none;
}

#pagefooter .paymentmethods .2co {
}
#pagefooter .paymentmethods .amex {
    background-position:0 -23px;
}
#pagefooter paymentmethods .cirrus {
    background-position:0 -46px;
}
#pagefooter .paymentmethods .delta {
    background-position:0 -69px;
}
#pagefooter .paymentmethods .discover {
    background-position:0 -92px;
}
#pagefooter .paymentmethods .google {
    background-position:0 -115px;
}
#pagefooter .paymentmethods .maestro {
    background-position:0 -138px;
}
#pagefooter .paymentmethods .mastercard {
    background-position:0 -161px;
}
#pagefooter .paymentmethods .moneybook {
    background-position:0 -184px;
}
#pagefooter .paymentmethods .paypal {
    background-position:0 -207px;
}
#pagefooter .paymentmethods .sage {
    background-position:0 -230px;
}
#pagefooter .paymentmethods .solo {
    background-position:0 -253px;
}
#pagefooter .paymentmethods .switch {
    background-position:0 -276px;
}
#pagefooter .paymentmethods .visa {
    background-position:0 -299px;
}
#pagefooter .paymentmethods .electron {
    background-position:0 -322px;
}

#scrolltotop {
    position:fixed;
    right:14px;
    bottom:-100px;
    top: auto !important;
    width:60px;
    text-align:center;
    font-weight:bold;
    padding:20px 10px 30px;
    background-color:#fff;
    color:#444;
    font-size:15px;
    line-height:15px;
    z-index:9999999;
    border: 1px solid #333;
    
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
    
    -webkit-box-shadow: 0px 0px 3px -1px #555;
    -moz-box-shadow: 0px 0px 3px -1px #555;
    box-shadow: 0px 0px 3px -1px #555;
    
    -webkit-transition: bottom 0.2s ease-in-out;
    -moz-transition: bottom 0.2s ease-in-out;
    -o-transition: bottom 0.2s ease-in-out;
    -ms-transition: bottom 0.2s ease-in-out;
    transition: bottom 0.2s ease-in-out;
}

/* Responsive Gallery */
.es-carousel-wrapper{
    padding:10px 27px;
    position:relative;
    margin-bottom:20px;
}
.es-carousel{
    overflow:hidden;
}
.es-carousel ul{
    display:none;
}
.es-carousel ul li{
    height:100%;
    vertical-align:middle;
    display:inline-block;
    zoom:1;
    *display:inline;
    width:auto ;/* experimental - fit more in this way */
}
.es-carousel ul li a{
    display:block;
    text-align:center;
    border-color:transparent;
    filter: alpha(opacity=70);
    opacity:0.7;
    -webkit-touch-callout:none;
    /* option */
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.es-carousel ul li.selected a{
    filter: alpha(opacity=100);
    opacity:1.0;
}
.es-carousel ul li a img {
    /*border:2px solid transparent;*/
    max-height:75%;
    max-width:75%;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.es-carousel ul li.selected a img {
    border-color:#ccc;
}
.es-nav span{
    position:absolute;
    top:0;
    left:8px;
    width:14px;
    height:76px;
    cursor:pointer;
    font:30px 'Trocchi', sans-serif;
    padding-top:44px;
}
.es-nav span.es-nav-next{
    right:8px;
    left:auto;
}
.es-nav span:hover{
    color:#a8ed7a;
}
.rg-image-wrapper{
    position:relative;
    padding:20px 0;
    min-height:20px;
}
.rg-image{
    position:relative;
    text-align:center;
    line-height:0px;
}
.rg-image a {
    display: inline-block;
    zoom:1;
    *display:inline;
    max-width:100%;
}
.rg-image img{
    max-height:100%;
    max-width:100%;
}

.rg-image-nav { display:none; }
.rg-image-nav a{
    position:absolute;
    top:0px;
    left:0px;
    background:url(gallery-nav77c6.html?4643) no-repeat -20% 50%;
    width:28px;
    height:100%;
    text-indent:-9000px;
    cursor:pointer;
    filter: alpha(opacity=30);
    opacity:0.3;
    outline:none;
    -moz-border-radius: 10px 0px 0px 10px;
    -webkit-border-radius: 10px 0px 0px 10px;
    border-radius: 10px 0px 0px 10px;
}
.rg-image-nav a.rg-image-nav-next{
    right:0px;
    left:auto;
    background-position:115% 50%;
    -moz-border-radius: 0px 10px 10px 0px;
    -webkit-border-radius: 0px 10px 10px 0px;
    border-radius: 0px 10px 10px 0px;
}
.rg-image-nav a:hover{
    filter: alpha(opacity=30);
    opacity:0.8;
}
.rg-caption {
    text-align:center;
    margin-top:15px;
    position:relative;
}
.rg-caption p{
    font-size:11px;
    letter-spacing:2px;
    font-family: 'Trebuchet MS', 'Myriad Pro', Arial, sans-serif;
    line-height:16px;
    padding:0 15px;
    text-transform:uppercase;
}
.rg-view{
    height:30px;
}
.rg-view a{
    display:block;
    float:right;
    width:16px;
    height:16px;
    margin-right:3px;
    background:#464646 url(gallery-views77c6.html?4643) no-repeat top left;
    border:3px solid #464646;
    filter: alpha(opacity=80);
    opacity:0.8;
}
.rg-view a:hover{
    filter: alpha(opacity=100);
    opacity:1.0;
}
.rg-view a.rg-view-full{
    background-position:0px 0px;
}
.rg-view a.rg-view-selected{
    background-color:#6f6f6f;
    border-color:#6f6f6f;
}
.rg-view a.rg-view-thumbs{
    background-position:0px -16px;
}
.rg-loading{
    width:46px;
    height:46px;
    position:absolute;
    top:50%;
    left:50%;
    background:#fff url(loader-white77c6.gif?4643) no-repeat center center;
    margin:-23px 0px 0px -23px;
    z-index:10000;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    filter: alpha(opacity=70);
    opacity:0.7;
}


/*
 * jQuery FlexSlider v1.8
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */

/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {width: 100%; margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden; } /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {max-width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {position: relative; zoom: 1;}
.flexslider .slides {overflow:hidden; zoom: 1;}
.flexslider .slides > li {position: relative; overflow:hidden;}
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flex-container {zoom: 1; position: relative;}

/* Caption style */
/* IE rgba() hack */
.flex-caption {background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1;}
.flex-caption {width: 96%; padding: 2%; margin: 0; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,.3); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.3); font-size: 14px; line-height: 18px;}

/* Control Nav */
.flex-control-nav {
    text-align:center;
    margin-top:10px;
    display:none;
}
.flex-control-nav li {
    display:inline;
}
.flex-control-nav li a {
    text-indent:-9999em;
    width:4px;
    height:4px;
    background:#777;
    border:2px solid #777;
    margin:3px;
    display:inline-block;
    zoom:1;
    *display:inline;
    cursor:pointer;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px; 
    
    -moz-transition: background-color 250ms linear;
    -webkit-transition: background-color 250ms linear;
    -o-transition: background-color 250ms linear;
    transition: background-color 250ms linear;
}
.flex-control-nav li a.active {
    background:#fff;
}

/* Slimbox */
#lbOverlay {
    position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  cursor: pointer;
}

#lbCenter, #lbBottomContainer {
  position: absolute;
  z-index: 9999;
  overflow: hidden;
  background-color: #fff;
}

.lbLoading {
  background: #fff url(loader-white77c6.gif?4643) no-repeat center;
}

#lbImage {
  position: absolute;
  left: 0;
  top: 0;
  border: 10px solid #fff;
  background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
  display: block;
  position: absolute;
  top: 0;
  width: 50%;
  outline: none;
}

#lbPrevLink {
  left: 0;
}

#lbPrevLink:hover {
  background: transparent url(prevlabel77c6.gif?4643) no-repeat 0 15%;
}

#lbNextLink {
  right: 0;
}

#lbNextLink:hover {
  background: transparent url(nextlabel77c6.gif?4643) no-repeat 100% 15%;
}

#lbBottom {
  font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
  font-size: 10px;
  color: #666;
  line-height: 1.4em;
  text-align: left;
  border: 10px solid #fff;
  border-top-style: none;
}

#lbCloseLink {
  display: block;
  float: right;
  width: 66px;
  height: 22px;
  background: transparent url(closelabel.gif) no-repeat center;
  margin: 5px 0;
  outline: none;
}

#lbCaption, #lbNumber {
  margin-right: 71px;
}

#lbCaption {
  font-weight: bold;
}


/* jqZoom plugin */

.zoomPad{
    position:relative;
    /*float:left; - taken out to fix sale graphic*/
    z-index:99;
    cursor:crosshair;
    max-width:100%;
}

.zoomPad > img {
    display:inline-block;
    zoom:1;
    *display:inline;
}


.zoomPreload{
    display:none;
    /*-moz-opacity:0.5;
    opacity: 0.5;
    filter: alpha(opacity = 50);
    background:white url(//cdn.shopify.com/s/files/1/0172/1270/t/2/assets/loader-white.gif?4643) no-repeat;
    z-index:110;
    width:32px;
    height:32px;
    position:absolute;
    top:0px;
    left:0px;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    border-radius: 16px;*/
}


.zoomPup{
	overflow:hidden;
	background-color: #FFF;
	-moz-opacity:0.6;
	opacity: 0.6;
	filter: alpha(opacity = 60);
	z-index:120;
	position:absolute;
  z-index:101;
  cursor:crosshair;
}

.zoomOverlay{
	position:absolute;
	left:0px;
	top:0px;
	background:#FFF;
	/*opacity:0.5;*/
	z-index:5000;
	width:100%;
	height:100%;
	display:none;
  z-index:101;
}

.zoomWindow{
	position:absolute;
	left:110%;
	top:40px;
	height:auto;
    width:100%;
    z-index:110;
}
.zoomWrapper{
	position:relative;
    z-index:110;
    cursor:pointer !important;
    display:inline-block;
    zoom:1;
    *display:inline;
}
.zoomWrapper img {
    max-width:none !important;
    max-height:none !important;
    opacity:1 !important;
    filter: alpha(opacity = 100) !important;
}
.zoomWrapperTitle{
	display:block;
	background:#999;
	color:#FFF;
	height:18px;
	line-height:18px;
	width:100%;
  overflow:hidden;
	text-align:center;
	font-size:10px;
  position:absolute;
  top:0px;
  left:0px;
  z-index:120;
  -moz-opacity:0.6;
  opacity: 0.6;
  filter: alpha(opacity = 60);
}
.zoomWrapperImage{
	display:block;
    position:relative;
    overflow:hidden;
    z-index:110;
    max-height:100%;
}
.zoomWrapperImage img{
  border:0px;
  display:block;
  position:absolute;
  z-index:101;
}

.zoomIframe{
  z-index: -1;
  filter:alpha(opacity=0);
  -moz-opacity: 0.80;
  opacity: 0.80;
  position:absolute;
  display:block;
}

/*********************************************************
/ When clicking on thumbs jqzoom will add the class
/ "zoomThumbActive" on the anchor selected
/*********************************************************/

/* Infinite scroll */
#infscr-loading {
    clear:both;
    padding:50px;
    text-align:center;
}

/* Select box visual replacement */
.selectreplace {
    background:#f7f7f7;
    color: #000000;
    position:relative;
    overflow:hidden;
    border:1px solid #585858;
    -webkit-box-shadow: 0px 0px 3px -1px #585858;
    -moz-box-shadow: 0px 0px 3px -1px #585858;
    box-shadow: 0px 0px 3px -1px #585858;
    display:inline-block;
    zoom:1;
    *display:inline;
}

.selectreplace .selectpicker {
    padding:5px 40px 5px 10px;
    display:inline-block;
    zoom:1;
    *display:inline;
}

.selectreplace .selectpicker .arr {
    font-size:24px;
    position:absolute;
    right:10px;
    top:50%;
    margin-top:-2px;
    z-index:4;
    font-family:Arial;
}

.selectreplace select {
    position:absolute;
    left:0;
    top:0;
    height:100%;
    width:100%;
    filter: alpha(opacity=0); /* ie */
    opacity: 0;
    z-index:15;
    -webkit-appearance: menulist-button;
}

/* pretty image fades */
.doimgfade .productlist .product .imgcont img,
.rg-image img {
    filter: alpha(opacity=0);
    opacity:0;
}

/* Media queries for responsive layout */
@media only screen and (max-width: 959px) {
    #util-bar #util-bar-login .title {
        display:none;
    }
    
    #util-bar .tagline,
    #util-bar .actions {
        float:none;
        width:auto;
        text-align:center;
    }
    
    #util-bar .tagline {
        display:block;
    }
    
    #mainslider .product .info .textblock {
        min-height:155px;
    }
    
    #mainslider .product .info .textblock .desc {
        display:none;
    }
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
    #util-bar #util-bar-login .nameinputcont {
        width:30%;
    }
    
    #util-bar #util-bar-login .passwordinputcont {
        width:52%;
    }
}

@media only screen and (max-width: 767px) {
    #mainslider {
        /* simply using display:none breaks the slider */
        overflow:hidden;
        height:0;
        line-height:0;
    }
    
    #maincontent .social.floating {
        top:auto;
        bottom:10px;
        width:100%;
        text-align:left;
    }
    
    #maincontent .social .label {
        display:block;
        margin-bottom:5px;
    }
    
    #maincontent .socialspacer {
        clear:both;
        padding-top:40px;
    }
    
    .widgets .widget {
        margin-bottom:20px !important;
    }
    
    #util-bar #util-bar-login {
        padding-bottom:40px;
    }
    
    #util-bar #util-bar-login .button {
        bottom:42px;
    }
    
    #util-bar #util-bar-login .passwordinputcont .forgot {
        left:5px;
        top:44px;
        border:0;
    }
    
    #util-bar .actions .socialicons {
        display:block;
        border-bottom: 1px solid #c5c5c5;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }
    
    #util-bar .tagline {
        display:none;
    }
    
    #util-bar #util-bar-login .button {
        top:auto;
        bottom:0;
    }
    
    #util-bar #util-bar-login .passwordinputcont {
        width:auto;
        margin:8px 126px 0 0;
        float:none;
    }
    
    #util-bar .actions {
        text-align:center;
    }
    
    #util-bar #util-bar-login .nameinputcont,
    #basket .image,
    #basket .desc,
    #basket .foot .instructions,
    #basket .foot .instructions textarea,
    #basket .foot .updatecont,
    #basket .foot .checkoutcont {
        float:none;
        width:100%;
    }
    
    #pageheader #searchcont {
        position:relative;
        width:auto;
        margin-top:10px;
    }
    
    #productinfo #detail .button,
    #productinfo #detail .added,
    #productinfo #detail .options #product-select_input {
        width:100% !important;
    }
    
    #productinfo #detail .added {
        float:none;
        margin:10px 0;
    }
    
    #basket .image {
        text-align:center;
    }
    
    #basket .qty,
    #basket .remove {
        width:36%;
        text-align:center;
    }
    
    #basket .amt {
        width:28%;
    }
    
    #basket .foot .instructions {
        padding:20px 0;
    }
    
    #basket .foot .button,
    #shipping-calculator .button {
        width:100%;
        padding:15px;
    }
    
    #basket .qty {
        padding-top:16px;
    }
    
    .productlist .product .columnfluff {
        display:none;
    }
    
    /* Vertically laid out - heights don't matter */
    .productlist .product .imgcont,
    .productlist .product .title,
    .productlist .product .desc {
        height:auto !important;
    }
    
    .productlist .product {
        padding-bottom:20px;
        border-bottom: 1px solid #222244;
    }
    
    .productlist .product.last {
        border-bottom:0;
    }
    
    #pageheader nav ul {
        display:none;
    }
    
    #pageheader nav #dropdownNav {
        display:inherit;
    }
    
    #pagefooter #recentproducts li {
        border:0;
    }
}

/* High DPI devices get some graphical upgrades */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (-o-min-device-pixel-ratio: 3/2),
    only screen and (min--moz-device-pixel-ratio: 1.5),
    only screen and (min-device-pixel-ratio: 1.5) {
        #util-bar .socialicons li a,
        #maincontent .socialicons .rss {
            background-image:url('socialicons_2x77c6.png?4643');
            -moz-background-size:84px 140px;
            -ie-background-size:84px 140px;
            -o-background-size:84px 140px;
            -webkit-background-size:84px 140px;
            background-size:84px 140px;
        }
        
        #util-bar .actions .logindrop,
        #util-bar .actions .searchbtn,
        #pageheader nav ul li .hasdropdown,
        .paging a.prev,
        .paging a.next,
        .flex-direction-nav .next,
        .flex-direction-nav .prev {
            background-image:url('themeicons_2x77c6.png?4643');
            background-size:14px 500px;
        }
}

/* Add custom code under here */