@charset "UTF-8";
* {box-sizing:border-box;border:0px;margin:0px;padding:0px;}
video,img,iframe {max-width:100% !important;}
img {height:auto !important;}
html,body {background:#FFF}
body {color:#000;font-family:"Open Sans",Helvetica;font-weight:400;font-size:14px;}
h1,h2,h3,h4,h5,h6 {font-weight:400;color:#000;margin:5px 0px;}
h1 {font-size:1.75em;}
h2 {font-size:1.6em;}
h3,h4 {font-size:1.5em;}
h5,h6 {font-size:1.3em;}
h1.border {padding-left:1em;}
h3.withline {border-top:1px solid #3A3A3A;border-bottom:1px solid #3A3A3A;color:#000;margin:10px 0px;padding:5px 0px;}
h6.note {text-align:center;white-space:nowrap;color:#666;font-family:Oswald;margin-bottom:10px;font-size:1.6em !important}
b {font-weight:700;}
table {border-spacing:0;border-collapse:collapse;empty-cells:show;}
td,th {padding:2px 6px;}
label {cursor:pointer;}
li {list-style: none;}
a,.anchor {color:#000;text-decoration:none;font-weight:normal;}
a:hover,.anchor:hover {text-decoration:none;color:#63cdff;}
.anchor {display:inline;cursor:pointer}
input,textarea,select{border:1px solid #CCC;padding:2px;}
input[type="radio"],input[type="button"],input[type="submit"],input[type="image"],input[type="checkbox"]{border-style:none}
input[type="checkbox"],input[type="radio"],input[type="image"],.fa {vertical-align:middle}
input:not([type="radio"]):not([type="checkbox"]),textarea{background: linear-gradient(to bottom,#FFF 50%,#F0F0F0 100%);}
input:not([type="radio"]):not([type="checkbox"]):focus,textarea:focus{border:1px solid #63cdff;}
input[type="button"],button,.button {background:#63CDFF;color:#FFF;cursor:pointer;font-size:14px;line-height:2em;padding:0px 0.5em;text-align:center}
input[type="button"]:hover,button:hover,.button:hover {background:#444;color:#FFF}
input[type="button"]:active,button:active,.button:active {background:#000;}
input:not([type="radio"]):not([type="checkbox"]).block,button.block {display:block;width:100%;margin:2px 0px;}
button.disabled,.button.disabled {background:#DDD !important;color:#999 !important;cursor:initial !important;}
button.fullwidth {display:block;margin:4px 0px;width:100%;font-size:1.4em;}
button.scrolldown {display:none;}
.button {display:inline-block;}
.delete {background:#C00000;color:#FFF;}
.delete:hover {background:#F00;}
button span.fa,.button span.fa,ul.tabs span.fa {width:1.28571em;margin-right:10px;line-height:26px;font-size:1.2em}
button span.fa-chevron-right,.button span.fa-chevron-right {margin-right:0px;margin-left:10px;}
button + button {margin-left:10px;}
textarea.ordernotes {width:100%;height:5em;}
th {padding:2px 6px;border-bottom:1px solid #333;background:#63CDFF !important;color:#FFF !important;font-weight:normal}
tfoot th {border-bottom:none;border-top:1px solid #333;}
tfoot th:first-of-type,th.price {text-align:right;}
tr.subtotal td {border-top:1px solid #AAA;background:#FFD}
input[type="checkbox"] + label {margin-left:5px;}
hr {border:0;height:1px;background:#444;background-image:linear-gradient(to right,#ccc,#444,#ccc);margin:0.5em 0}
pre {margin:5px 0px;padding-left:5px;border-left:4px solid #DDD;font-size:12px;line-height:12px;font-family:courier;color:#000}

:-webkit-input-placeholder {color:#999;font-style:italic;font-family:"Open Sans";}
::-moz-placeholder {color:#999;font-style:italic;font-family:"Open Sans";}
:-ms-input-placeholder {color:#999;font-style:italic;font-family:"Open Sans";}
:-moz-placeholder {color:#999;font-style:italic;font-family:"Open Sans";}

.large {font-family:"Open Sans",Helvetica;font-weight:700;font-size:42px;text-align:center;}
.infoblock,.error {border-top:1px solid #63CDFF;border-bottom:1px solid #63CDFF;color:#124a91;margin:0.5em 0px;padding:0.5em;background:#E2FFF5;text-align:center;}
input.error,select.error,textarea.error {border:1px solid #C00 !important;background:#FFC !important;color:#C00 !important;margin:initial;padding:2px;text-align:left;}
.small {font-size:small}
.note {font-size:0.8em;font-style:italic;color:#999;margin:4px 0px}
.hidden {display:none}
#mainimage {cursor:pointer;}
.messagebox,.spinner,.modalwin {background: rgba(255,255,255,0.75);z-index:99998;position:fixed;top:0px;left:0px;width:100%;height:100%}
.spinner {text-align:center;}
.spinner > span {margin-top:25%;font-size:4em;color:#63CDFF;}
.spinner > img {cursor:pointer;}
.modalwin > div,.spinner > img {position:relative;top:50%;transform:translateY(-50%);max-height:100%;margin:0px auto;}
.messagebox > div {border:2px solid #63CDFF;background:#FFF;max-width:350px;min-height:30px;margin:auto auto;position:relative;top:50%;transform:translateY(-50%);font-weight:normal}
.messagebox div.boxtitle {background:#63CDFF;color:#FFF;margin:0px 0px 5px 0px;padding:0px 6px;font-size:16px;line-height:26px;}
.messagebox div.boxtitle span.fa-times-circle {float:right;margin:4px;cursor:pointer;}
.messagebox div.boxtitle:after {content:"";display:block;clear:both;}
.messagebox div.boxcontent {padding:10px;}
.messagebox button {margin-top:10px;}
.messagebox.alert > div {border-color:#C00;}
.messagebox.alert div.boxtitle {background-color:#C00;}
.messagebox.alert div.boxcontent {color:#C00;}

#boxuploadpop {display:none;}
.dprogressbar,.dprogressbar div {height:15px;border-radius:4px;display:block;}
.dprogressbar {margin:10px;position:relative;background:#F0F0F0;}
.dprogressbar div {position:absolute;background:linear-gradient(to bottom, #009BD2 0%,#1CBBEE 100%);}
#flexcontent {margin:5px 0px;}
#flexcontent li {list-style-type:disc;margin-left:15px;}
div.row > div,div.inline {display:inline-block;vertical-align:top}
div.row > div {width:49.5%;}
div.row > div:first-of-type {padding-right:10px;}
div.row > div:last-of-type {padding-left:10px;}
ul.tabs:after {content:"";display:block;clear:both;}
ul.tabs > li {display:block;float:left;background:#F0F0F0;color:#444;font-family:Oswald;font-size:14px;font-weight:normal;line-height:30px;margin-right:1px;min-width:30px;padding:0px 10px;cursor:pointer;}
ul.tabs > li.selected {background:#63cdff;color:#FFF}
ul.tabs > li:hover {background:#444;color:#FFF}
div.tab {display:none;border:1px solid #EEE;padding:5px;width:100%}
div.tab:first-of-type {display:block;}
div.tab > h3 {font-size:16px;text-align:center;border-bottom:1px solid #63CDFF;border-top:1px solid #63CDFF;margin:4px 0px;padding:4px 0px;color:#63CDFF;background:#F0F0F0}
td.price {text-align:right;}
.price,.price {color:#000;font-weight:bold;}
.clear:after {content:"";display:block;clear:both;}
.fright {float:right;}
.fleft {float:left;}
.gap {padding:20px 0px;margin:10px 0px;}
.center {text-align:center;}
table.center {text-align:initial;margin:0px auto;width:auto;}
.bigbuttons {margin:10px 0px;}
.btn2 {margin:10px 0px;text-align:center;}
.border {border:1px solid #63CDFF;padding:5px;border-radius:6px;margin-bottom:5px}
#scrolltopbutton {position:fixed;max-width:1080px;width:100%;text-align:right;right:0;left:0;margin-right:auto;margin-left:auto;bottom:0px;padding-bottom:5px;display:none}
#scrolltopbutton > div {width:38px;height:38px;background:#080;border:2px solid #FFF;border-radius:50%;text-align:center;display:inline-block;cursor:pointer}
#scrolltopbutton > div > span {color:#FFF;line-height:32px;font-size:22px;}
div.letters > a,div.letters > span {display:inline-block;padding:2px 4px;font-family:Oswald;font-size:16px}
div.letters > span {background:#63CDFF;color:#FFF;text-align:center;min-width:24px}
ul.directory {margin:10px 0px;}
ul.directory li {float:left;width:25%;min-width:200px}
ul.directory li a {font-size:14px;padding-right:10px;display:block;}
div.blurb {margin:10px 0px;}
div.blurb > div {text-align:center;display:inline-block;width:33%;margin:10px 0px}
div.blurb > div > div {display:inline-block;max-width:240px;}
div.blurb > div > div > img {display:block;margin:0px auto;}
div.blurb > div > div > h2 {font-weight:700;font-size:18px;}
div.blurb > div > div > p {margin-top:5px;}
div.blurb > div > div > p > a.button {width:100%;padding:5px;}
img.border {border:4px solid #DDD;}
div.borderbox {border:2px solid #D5F1FF;margin:10px 0px;padding:5px;background:#F0F0F0;color:#444;font-family:Courier;font-size:14px}
.checkmark:before {font-family:FontAwesome;content:"\f00c";display:inline-block;margin-right:2px;color:#080;width:1.28571429em;text-align:center;font-size:1.2em}

h6.accordion {font-size:14px;background:#63cdff;color:#FFF;margin:0px;padding:5px 10px;text-align:left;cursor:pointer;margin-bottom:5px}
h6.accordion:before {font-family:FontAwesome;content:"\f0da";display:inline-block;margin-right:10px;color:#FFF;vertical-align:middle;width:1.28571429em;text-align:center}
h6.accordion > span.fa {width:1.28571em;margin-right:10px;text-align:center}
h6.accordion.selected:before {content:"\f0d7";}
div.accordion {background:#FFF;overflow:hidden;padding-bottom:10px}

.input {cursor:pointer;font-weight:normal}
.input:before {font-family:FontAwesome;display:inline-block;margin-right:5px;color:#AAA;font-size:1em;vertical-align:middle;width:1.28571429em;text-align:center}
.input.checkbox:before {content:"\f096";}
.input.checkbox.selected:before {content:"\f046";color:#0066b3}
.input.radio:before {content:"\f10c";}
.input.radio.selected:before {content:"\f192";color:#0066b3}

#maindiv,#foot,.centered {margin:0 auto;max-width:1005px;width:100%;}
#pagecenter {width:795px;float:right;padding-bottom:5px;}
#pageleft {width:200px;float:left;padding-top:5px;min-height:400px;background:#FFF}
#updiv {font-size:12px;color:#666;margin:4px;font-family:Oswald,Tahoma;}
#topline {background:#000;padding:2px 0px 4px 0px;color:#666;font-size:12px;}
#topline > div.centered * {margin:0px 5px;}
#topline a {font-size:12px;color:#FFF}
#topline span.fa {font-size:16px;}
#topheader > div {padding:5px 0px;}
#topheader span.fa-bars {font-size:32px;line-height:32px;margin-right:10px;cursor:pointer}
#topheader img {vertical-align:middle;min-width:130px}
#topheader div.links {background:#000;padding:10px;position:absolute;display:none;z-index:99}
#topheader div.links a {color:#FFF;font-size:18px}
#topheader div.links a:hover {text-decoration:underline;}
#topheader div.searchform {text-align:center;margin-top:5px;}
#topheader div.searchform a {font-family:Oswald;font-size:12px;}
#topheader div.searchform a:first-of-type:after {content:"|";display:inline-block;margin:0px 5px;}
#topheader div.searchform input,searchforminside input {background:url("/images/site/ico-search.png") no-repeat;background-position:4px 7px;padding-left:18px;width:135px}
#topheader div.searchforminside a {display:block;}
#topheader div.menu {text-align:center;}
#topheader div.menu a {font-family:Oswald;font-size:18px;line-height:62px;text-align:center;text-transform:uppercase;min-width:80px;display:inline-block}
#topheader div.fleft {max-width:260px;width:50%}
#foot {padding-top:20px}
#foot h6 {color:#63cdff;font-family:Oswald;font-size:16px;margin-top:0px;padding-top:0px}
#foot a {font-size:0.9em;}
div.header {margin-bottom:10px;position:relative}
div.header > h1 {position:absolute;bottom:10px;right:20px;color:#FFF;text-shadow:0px 0px 10px #000,0 0 2px #333;font-size:4.5em;font-weight:700}
div.header > a {display:block;text-align:center;}
div.header > a > img {max-height:220px !important;}
div.headerthumb {margin-bottom:10px;}
div.headerthumb > h1 > span.fa {cursor:pointer;margin-right:10px;}
div.headerthumb:after {content:"";display:block;clear:both;}
div.headerthumb img {float:left;margin:0px 10px 10px 0px;}
select.sortfield {border:none;background:#FFF;margin-left:10px;}
div.thumbnails {margin:5px 0px;}
div.thumbnails:after {content:"";display:block;clear:both;}
div.thumbnails > div {float:left;text-align:center;padding:4px;margin:0.25%;width:24.5%}
div.thumbnails > div > h6 {font-size:14px;line-height:16px;height:32px;overflow:hidden;}
div.thumbnails > div > img {width:120px;height:120px;display:block;margin:2px auto;}
div.thumbnails > div > button {width:100%;max-width:150px;display:inline-block}
div.thumbnails.border > div {border:1px solid #EEE;}
div.thumbnails.border > div:hover {border-color:#63cdff;}
div.pricingchart div.thumbnails {height:450px;overflow:auto;}
div.pricingchart div.thumbnails > div {cursor:pointer;}
div.pricingchart div.thumbnails > div > p {font-size:14px;line-height:16px;height:32px;overflow:hidden;}
div.pricingchart h6 {background:#BBB;color:#000;padding:4px;text-align:center;cursor:pointer}
div.pricingchart h6:after {font-family:FontAwesome;content:"\f0d7";display:inline-block;margin-left:10px;vertical-align:middle;}

div.mainimage {max-width:320px;}
img.mainimage {max-width:320px;max-height:360px;}
div.colors:after {content:"";display:block;clear:both;}
div.colors > img {width:22px;height:22px;margin:1px;float:left;cursor:pointer}
ul.sideimages:after {content:"";display:block;clear:both;}
ul.sideimages > li {float:left;margin:2px;display:block;cursor:pointer}

table.form {margin:5px auto;}
table.form td {padding:2px 6px;text-align:left}
table.form td.center {text-align:center}
table.form tr td:first-of-type {text-align:right;white-space:nowrap;color:#666;font-family:Oswald}
table.form:not(.nocolor) tr:nth-of-type(even) td {background:#F0F0F0;}
table.form:not(.nocolor) tr:nth-of-type(odd) td {background:#FFF;}
table.form td.price {font-weight:bold;text-align:right;white-space:nowrap}
table.form tr.disabled td {text-decoration:line-through;background:#FFE !important;}
table.form.allright td {text-align:right;}
div.cart th {font-size:0.85em;}

table.address {margin:5px auto;}
table.address td {padding:2px 6px;text-align:left}
table.address tr td:first-of-type {text-align:right;white-space:nowrap;color:#666;font-family:Oswald}
table.address td > input,table.address td > select {width:100%;max-width:250px;}

div.colorme > div {padding:2px;}
div.colorme > div:nth-of-type(even) {background:#F0F0F0;}
div.colorme > div:nth-of-type(odd) {background:#FFF;}

div.third {width:32.5%;display:inline-block;min-width:300px;margin:0px 0.25%}
div.half {width:49%;display:inline-block;min-width:280px;margin:0px 0.25%}
div.half:nth-of-type(even) {padding-left:5px;}
div.half:nth-of-type(odd) {padding-right:5px;}
div.inline {display:inline-block;vertical-align:top;}
div.titlewin,div.verticaldiv {border:1px solid #63CDFF;background:#FFF;margin-bottom:5px;}
div.titlewin > h5,div.verticaldiv > h5 {background:#63CDFF;padding:2px 6px;margin:0px 0px 4px 0px;color:#FFF;text-transform:uppercase;font-size:14px;}
div.verticaldiv > h5 > a {color:#FFF;}
div.content {padding:5px;}
div.oneblock {margin:10px auto;max-width:350px;padding:5px}
div.oneblock input,div.oneblock label,div.oneblock button {display:block;width:100%;}
div.oneblock p {margin-top:10px;}
div.row3 {padding:10px 0px;}
div.row3 > div {display:inline-block;vertical-align:top;width:33%;padding:0px 1%;}
div.columnns2 {padding:10px 0px;display:flex;flex-wrap:nowrap;justify-content:center;align-items:flex-start}
div.columnns2 > div {margin:0px 10px;max-width:500px}

.jcarousel-wrapper {margin:20px auto;position:relative;border:1px solid #63CDFF;border-radius:6px;padding:4px}
.jcarousel {position:relative;overflow:hidden;}
.jcarousel ul,.jcarousel > div {width:20000em;position:relative;list-style:none;margin:0;padding:0;}
.jcarousel li,.jcarousel > div > div {float:left;}
.jcarousel li {text-align:center;color:#444;font-size:0.8em}
.jcarousel li + li {margin-left:5px;}
.jcarousel > div > div {max-width:450px;}
.jcarousel-control-prev,.jcarousel-control-next {position:absolute;top:50%;transform:translateY(-50%);width:30px;height:30px;text-align:center;background:#63CDFF;color:#FFF;text-decoration:none;}
.jcarousel-control-prev span,.jcarousel-control-next span {line-height:30px;font-size:16px;display:block;width:30px}
.jcarousel-control-prev {left:0px;border-top-right-radius:50%;border-bottom-right-radius:50%}
.jcarousel-control-next {right:0px;border-top-left-radius:50%;border-bottom-left-radius:50%}
.jcarousel-control-prev:hover,.jcarousel-control-next:hover {background:#444;color:#FFF}
.jcarousel-control-prev.inactive,.jcarousel-control-next.inactive {opacity:0.5;cursor:default;}

h1 > a.iconlink:first-of-type {margin-left:20px;}
a.iconlink {width:16px;height:16px;display:inline-block;margin-right:3px;background-repeat:no-repeat;background-position:center center}
a.linkweb {background-image:url(/images/site/ico-web.png);}
a.linkfb {background-image:url(/images/site/ico-fb.png);}
a.linkpin {background-image:url(/images/site/ico-pin.png);}
a.linktwitter {background-image:url(/images/site/ico-twit.png);}
a.linkgoogle {background-image:url(/images/site/ico-gplus.png);}
a.linkprofile {background-image:url(/images/site/ico-profile.png);}

#shobyoptions {margin:0 auto;max-width:1005px;width:100%;background:#63CDFF;}
#shobyoptions > li {display:inline-block;cursor:pointer;}
#shobyoptions > li,#shobyoptions a {color:#FFF;padding:0px 10px;line-height:32px;font-size:16px;font-family:Oswald;text-transform:uppercase}
#shobyoptions li:hover {background:rgba(0,0,0,0.25);}
#shobyoptions > li > ul {position:absolute;padding:10px;background:#63CDFF;display:none;width:auto}
#shobyoptions > li:hover > ul {display:block;}
#shobyoptions span.fa {margin-right:10px;width:1.28571em;text-align:center}
#shobyoptions a {display:block;}

div.thumblist:after {content:"";display:block;clear:both;}
div.thumblist > img {width:70px;height:70px;cursor:pointer;float:left;margin:1px}
div.category-selector {text-align:center;margin-bottom:10px;display:none}

div.main {width:768px;margin:0px auto;}
div.side {width:100%;max-width:220px;float:left}
div.side > h6 {text-align:center;}
div.side + div.main {margin-left:230px;}
div.main > div {width:48%;display:inline-block;margin:0px 0.5%;vertical-align:top}
div.side.floating {position:absolute;float:none;display:block;background:#FFF;padding:10px;margin-top:40px;margin-left:10px;border:2px solid #63CDFF;z-index:999}
div.glrpcolorlist:after {content:"";display:block;clear:both;}
div.glrpcolorlist img {cursor:pointer;float:left;border:1px solid #FFF;margin:1px;width:24px;height:24px}
div.glrpcolorlist img.selected {border-color:#63CDFF !important;}
.product-size *,.product-price * {vertical-align:middle;}
.product-size > span,.product-size > select {margin-right:10px;}
.product-price input {margin:0px 10px;}
div.bigbuttons {margin:5px 0px;text-align:center;}
div.bigbuttons > button + button {margin-left:10px;}
div.sticons {height:42px;}
img.stars {margin-top:5px;cursor:pointer;}

div.contactform {margin-top:10px}
div.contactform input,div.contactform textarea {width:100%;margin-bottom:4px;}

div.templatepopup {position:absolute;top:0px;left:0px;width:100%;min-height:100%;z-index:999;background:rgba(255,255,255,0.5);}
div.templatepopup > div {max-width:600px;margin:10px auto;border:1px solid #000;box-shadow:0px 0px 5px 2px #999;background:#FFF;padding:10px;}
div.templatepopup > div > h2 {color:#C00;font-size:3em;text-align:center;margin-bottom:10px;}
div.templatepopup.templateup > div > h2 {color:#000;font-size:2em;}
div.templatepopup > div > h2 > span.fa {font-size:1.2em;margin-right:10px}
div.templatepopup > div > p + p {margin-top:10px;}
div.templatepopup > div > div.notes {margin:10px;}
div.templatepopup > div > div.notes > p {display:none;font-style:italic;color:#444}
div.templatepopup > div > div.notes > p.selected {display:block;}
div.templatepopup > div > p.closeme {text-decoration:underline;text-align:right;cursor:pointer;}

div.showpricechart {min-height:400px;}
div.pricecell {border:1px solid #DDD;padding:5px;width:100%;font-family:Arial,helvetica;font-size:12px}
div.pricecell + div {margin-top:5px;}
div.pricecell h2 {font-family:Oswald;margin:0px;padding-left:10px;}
div.pricecell p + p {margin-top:10px;}
div.pricecell a {color:#218cd9;font-size:1.2em}
div.pricecell div.thumbnails > div > p {overflow:hidden;height:2.4em;}

div.imgblock3 {display:flex;align-items:stretch;flex-wrap:wrap}
div.imgblock3 > div {width:33%;text-align:center;padding:1%;margin:2em 0px}
div.imgblock3 > div > p {margin:4px auto;max-height:60px;max-width:240px;}
div.imgblock3 > div > p > img {max-height:60px;}
div.imgblock3 > div > span {font-size:2em;}
div.imgblock3.images {align-items: center;}
div.imgblock3.images > div {padding:2%;}

.embroidery {position:relative;}
.embroidery:before {content:"";position:absolute;left:-22px;top:0px;display:block;width:27px;height:120px;background:url(/images/site/needle.jpg) top left no-repeat;}

section.steps {margin:10px 0px}
section.steps > h3 {color:#63cdff;border-bottom:1px solid #63cdff;padding-bottom:5px;margin-bottom:5px;font-weight:normal;font-family:Oswald}
section.steps > h3:after {font-family:'FontAwesome';content:'\f040';margin-left:10px;text-align:center;width:1.28571em;font-size:1.2em;}
section.steps > h3 > span:first-of-type {background:#63cdff;color:#FFF;display:inline-block;margin-right:10px;width:24px;height:24px;line-height:24px;border-radius:50%;text-align:center;font-size:13px}
section.steps > h3 > span.title:not(:empty):before {font-family:'FontAwesome';content:'\f054';margin:0px 10px;text-align:center;width:1.28571em;font-size:0.75em;}
section.steps.wait > h3 {color:#AAA;border-color:#DDD}
section.steps.wait > h3:after {content:'\f29c';}
section.steps.done > h3 {color:#008000;border-color:#008000}
section.steps.done > h3:after {content:'\f00c';}
section.steps.wait > h3 > span:first-of-type {background-color:#DDD;color:#666;}
section.steps.done > h3 > span:first-of-type {background-color:#008000;}
section.steps > div.options {margin:5px 0px;padding:5px;}
section.steps > div.options:after {content:"";display:block;clear:both;}
section.steps.wait > div.options,section.steps.done > div.options {display:none;}
section.steps > div.options > div.itemlist {margin:0px !important;}

span.swatch {display:inline-block;cursor:pointer;margin:4px;}
span.swatch > img {width:18px;height:18px;vertical-align:middle;}
span.swatch::before {font-size:18px;margin:0px;}

@media (max-width:1300px){
  #slider div.slidertextbox {font-size:80px;}
}
@media (max-width:1200px){
  #slider div.slidertextbox {font-size:70px;}
}
@media (max-width:1024px){
  #slider div.slidertextbox {font-size:60px;}
}
@media (max-width:970px){
  #maindiv,#pagecenter,.centered {width:100%;min-width:auto;max-width:100% !important;}
  #pageleft,#pagecenter {float:none;padding:4px;margin:0px;}
  #pageleft {display:none;position:absolute;left:0px;width:100%;max-width:280px;}
  #maindiv {padding:4px;}
  .floatfw {position:static !important;}
}
@media (max-width:820px){
  #topheader div.menu {display:none;}
}
@media (max-width:768px){
  #topheader img {vertical-align:middle;max-width:50% !important}
  .gap {padding:5px 0px;margin:5px 0px;}
  ul.directory li {width:33%}
  div.row3 > div {width:49%;margin-bottom:10px}
  div.side {display:none;}
  div.main {margin:0px !important;width:100%;}
  div.category-selector {display:block;}
  div.side.floating {max-width:345px;}
  .columnns2.cart,.columnns2.checkout {display:block;}
  .columnns2.cart > div,.columnns2.checkout > div {display:block;margin:5px auto;width:100%}
}
@media (max-width:720px){
  div.blurb > div {width:49%}
  #slider div.slidertextbox {font-size:40px;min-width:auto}
}
@media (max-width:700px){
  #topline div.fleft > span:first-of-type {display:none;}
  div.header > h1 {position:static;text-align:center;color:#000;text-shadow:none;font-size:2em;font-weight:400}
  #updiv {background:#FFF;color:#FFF}
  #updiv a {color:#FFF;display:inline-block;background:#444;padding:2px 6px;font-size:14px;}
  #updiv span {display:none;}
  #foot > div {width:49% !important;padding-left:10px;}
  div.row > div {width:auto;display:block;margin:0px auto !important;padding:0px 0px 10px 0px !important}
  div.mainimage {margin-left:auto;margin-right:auto;}
  ul.sideimages {text-align:center;}
  ul.sideimages > li {float:none;display:inline-block;}
  ul.tabs > li {float:none;display:block;width:100%;margin:0px;text-align:center}
  .columnns2.split {display:block;}
  .columnns2.split > div {margin:4px 0px;}
}
@media (max-width:600px){ul.directory li {width:50%};}
@media (max-width:580px){
  div.verticaldiv,div.titlewin {width:100% !important;max-width:100% !important;margin:0px 0px 5px 0px;float:none !important;}
  div.thumbnails > div {width:32.5%}
  div.headerthumb img {display:none;}
  div.headerthumb h1 {text-align:center;}
  #slider div.slidertextbox {font-size:40px}
  div.row3 > div {width:100%;}
  div.main > div {width:100%;display:block;margin:0px 0px 5px 0px}
  div.bigbuttons > button {width:100%;}
  div.bigbuttons > button + button {margin-top:10px;margin-left:0px}
}
@media (max-width:500px){
  div.headwithimage h1 {text-align:center;font-weight:normal;font-size:36px;}
  div.headwithimage img {display:none !important;}
  div.row > div {display:block !important;width:100% !important;margin:0px;}
  div.row > div:first-of-type {margin-bottom:5px;}
  body {font-size:13px;}
  div.imgblock3 > div {width:50%}
}
@media (max-width:479px){
  #maindiv > h1,#maindiv > h2,#maindiv > h3 {text-align:center;}
  div.bigbuttons button {width:100%;margin:2px 0px;float:none}
  .btn2 > button {width:45%;margin:2px;}
  .titlewin.inline{max-width:100%;}
  .gap {padding:0px;margin:0px;}
  #foot > div {width:100% !important;display:block !important;text-align:center}
  div.headerthumb #flexcontent {max-height:60px;overflow:auto;}
  div.blurb > div {width:100%}
  #slider div.slidertextbox {position:static;width:100%;}
  .owl-theme .owl-controls {margin:0px !important;position:static !important}
  button.scrolldown {display:block;}
}
@media (max-width:400px){
  ul.directory li {width:100%;text-align:center;}
  .btn2 > button {font-size:12px !important}
  body {font-size:12px;}
  div.imgblock3 > div {width:100%;margin:0px}
  div.imgblock3.images > div {width:100%;margin:1em 0px}
}
@media (max-width:370px){
  #cartTopLine,#topheader div.searchform,#updiv {display:none;}
  #topheader div.fleft {width:100%}
  div.thumbnails > div {width:49.5%}
  .bigbuttons button {width:100%;display:block;margin:0px 0px 5px 0px !important;font-size:16px}
}
@media (max-width:310px){
  div.thumbnails > div {width:100%;margin:0px 0px 5px 0px;}
  div.side.floating {max-width:290px;}
}
