@charset "utf-8";
/* CSS Document */

/* general class to hide an element except for printing; opposite of .noprint */
.printonly {display: none;}

html{
	height:100%;
	min-height: 100%;
}
body {
	/*height: 100%;*/
	min-height: 100%;
	background-color: #0066cc;
	overflow-x: auto;
	padding: 0px;
	margin: 0px;
}
#gheader {
	width: 100%;
	height: auto;
	background-color: #06C;
	border-bottom: 20px solid #FFF;
	/* min-width: 860px; */
	min-width: 320px;
}
#gheadtop {
	height:49px;
}
#gheadnavmenu {
	display: inline;
}

#gheadnavmenu p {
	padding-top:0px;
	padding-bottom:0px;
	padding-left: 4%;
	padding-right: 4%;
	background-color: #222;
	color: #FFF;
	border-top: 1px solid #FFF;
	font-family:Arial, Helvetica, sans-serif;
	margin-top:0px;
	margin-bottom:0px;
}
#gheadnavmenu a {
	color: #FFF;
	text-decoration: none;
}
#gheadnavmenu img {
	border:0;
}
#leftnav {
	width:120px;
	margin-right:30px;
	float: left;
	height: auto;
	background-color:#FFFFFF;
	overflow: auto;
	display: none;
	
}
#leftnav ul {
	list-style-type: none; 
	margin: 0; 
	padding: 0;
	font-size:0;
}
#container {
	background-color: #FFF;
	/* min-width: 860px; */
	min-width: 320px;
	min-height:300px;
}
#contentwrap {
	/* width: 715px; */
	background-color: #FFFFFF;
	/* overflow: auto; */
	overflow-x: hidden;
	min-width: 320px;
	max-width: 720px;
	margin-left:auto;
	margin-right:auto;
}

#content {
	/* width: 590px; */
	background-color:#FFFFFF;
	margin-left: 4%;
	margin-right:4%;
	max-width: none;
}

#content h1 {
	font-family:Franklin Gothic Demi,Arial Black,Franklin Gothic,Arial,Verdana,Helvetica,Geneva,Swiss,SunSans-Regular;
	font-size:26px;
	font-weight:bold;
	margin-top: -5px;
}

#content h2 {
	font-family:Verdana,Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
	font-size:16px;
	font-weight:bold;
	margin-top: 10px;
}

#content h2.features {
	/* margin-bottom: -13px; */
	margin-bottom: 0px;
}

#content h2 span.pcode {
	font-size: 10px;
	font-weight: normal;
}

#content p {
	font-family:Verdana,Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
	font-size:13px;
	line-height:170%;
	margin-bottom:10px;
}

#content p.features {
	margin-top:0px;
}

#content p.note {
	font-family:Verdana,Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
	font-size:10px;
	width: 100%;
	
}

#content ul, #content ol {
	margin-left: -20px;
}

#content ul.base, #content ol.base {
	margin-top: -12px;
}

#content ul li, #content ol li {
	font-family:Verdana,Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
	font-size:13px;
	line-height:18px;
}

#sidefyi {
	width: 104px;
	float: right;
	height: 100%;
	margin-left:20px;
	background-color:#FFFFFF;
	display: none;
}

#gfooter {
	width: 100%;
	min-height: 170px;
	background-color: #0066cc;
	float:left;
	border-top: 20px solid #FFF;
	min-width: 320px;
	line-height: 1em;
}

#emblemwrapper {
	width: 320px;
}

#bbb {
	vertical-align: middle;
	width: 140px;
	/* padding-left:25px; */
	float:left;
	padding-top: 10px;
	margin-bottom: 10px;
	margin-right: 20px;
}

#creditcards {
	
	vertical-align: middle;
	width: 140px;
	/* padding-right: 25px; */
	float: left;
	padding-top: 10px;
	margin-bottom: 10px;
	margin-left: 20px;
}

#footercontent {
	color: #FFFFFF;
	font-family: Verdana,Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
	font-size: 13px;
	text-align: center;
	width: 100%;
	min-width: 320px;
	background-image: url("/index.data/whitepixel.gif");
	background-repeat: repeat-y;
	background-position: center;
	
}

#footercontent ul {
	list-style: none;
	width: 320px;
	padding-left: 0px;
}

#footercontent ul li.left {
	width: 140px;
	text-align: right;
	float: left;
	margin-right: 20px;
}

#footercontent ul li.right {
	width: 140px;
	text-align: left;
	float: left;
	margin-left: 20px;
}

#copyright {
	color:#FFFFFF;
	font-family: Verdana,Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
	font-size:13px;
	text-align:center;
	padding-left: 4%;
	padding-right: 4%;
	min-width:250px;
	clear: both;
}

#topnavimg, #topnavimgds {
	height: 49px;
	float: left;
	background-repeat: no-repeat;
}

@media all and (min-width: 400px) {
	#topnavimg, #topnavimgds {
		background-image: url('/index.data/MainHeader2.png');
		width: 205px;
	}
}
@media all and (max-width: 400px) {
	#topnavimg {
		background-image: url('/index.data/MainHeader3.png');
		width: 141px;
	}
	#topnavimgds {
		background-image: url('/index.data/MainHeader2.png');
		width: 205px;
	}
}

#topnavimgp {
	display:none;
}
#topnavbuttons {
	height:49px;
	/* margin-left:680px; */
	display: none;
}
#topnavbuttons2 {
	height:49px;
	display:inline;
}

#topnavbuttons2 img {
	border:0;
}

.phonebar {
	background-color: #111;
	height: 20px;
	text-align: right;
	overflow-x: hidden;
	overflow-y: hidden;
}

.phonebar img {
	border:0;
}

.phonebarp {
	display: none;
}

#gheader .phonebar {
	border-top: 1px solid #FFF;
}

#gfooter .phonebar {
	border-bottom: 1px solid #FFF;
}

.sectionhead {
	margin-bottom:10px;
}
.fyiimage {
	margin-bottom: 15px;
}

.producthead {
	height:auto;
}

.producthead img {
	float: none; 
	margin-right: 15px;
	border:1px solid #111;
}

.productheadmultiimg {
	height:auto;
}

.productheadmultiimg img {
	float: none; 
	margin-right: 15px;
	margin-bottom: 15px;
	border:1px solid #111;
}

.spaceafterph {
	margin-bottom:15px;
}

.producttable {
	width: 100%;
	border: 1px solid #111;
	border-collapse: collapse;
}
table.vspace br {
	margin-bottom:7px;
}
table.vspace img {
	margin-bottom:2px;
}

/* Customization primarily for product tables */
.tablenewsec {
	border-top: 3px solid #111 !important;
}

.tablealt {
	background-color: #f0f0f0;
}

.tablealts {
	background-color: #f0f0fA;
}

.tablespecial {
	background-color: #0066cc;
	color: #FFF;
}

.spaceaftertable {
	margin-bottom: 24px;
}

.tablepop {
	background-color: #111;
	color: #FFF;
}

.producttable tr, .producttable td {
	border: 1px solid #111;
	font-family: Verdana,Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
	font-size:13px;
	padding-top:3px;
	padding-bottom:3px;
}

.producttablehead {
	border-top:1px solid #111;
	border-left:1px solid #111;
	border-right:1px solid #111;
	border-collapse:collapse;
	padding-top:15px;
	padding-bottom:15px;
	width:auto;
	font-family:Verdana,Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
}
.producttablehead .title {
	font-size:18px;
	font-weight:bold;
	text-align:center;
	margin-bottom:5px;
}
.producttablehead .desc {
	font-size:13px;
	line-height:170%;
	text-align:left;
	margin-left:8px;
	margin-right:8px;
}

/* testing reorient */

.producttable td
{
	display: block;
	text-align: center;
	border: none;
	margin-bottom:4px;
}

.producttable tbody td:before {
	content: attr(data-th);
	display: block;
	text-align: center;
}

.producttable thead {
	display: none;
}

.prodspan {
	background-color:#111;
	color:#FFF;
}

hr {
	margin-top: 20px;
	margin-bottom: 20px;
}

.invisible {
	visibility: hidden;
}

.center {
	margin-left:auto;
	margin-right:auto;
}

.mobileonly {
	display:inline;
}

.fullonly {
	display: none;
}

/* review below tag - seems unused */
.centered {
	text-align: center;
}

.leftaligned {
	text-align: left;
}

.productsectionimg {
	margin-top:20px;
}

.productsectionimg2 {
	max-width:466px;
	width:100%;
}

/* responsive gallery images */
@media all and (min-width: 400px) {
	img.galleryimg
	{
		margin-bottom: 10px;
		vertical-align: top;
		width:49%;
	}

	img.galleryimgL
	{
		margin-bottom: 10px;
		vertical-align: top;
		width:49%;
	}
}
@media all and (min-width: 200px) and (max-width: 400px) {
	img.galleryimg
	{
		margin-bottom: 10px;
		vertical-align: top;
		width:100%;
	}

	img.galleryimgL
	{
		margin-bottom: 10px;
		vertical-align: top;
		width:100%;
	}
}
/* responsive color swatches */
@media all and (min-width: 400px) {
	img.colorswatch {
		width:32%;
		border:none;
	}
}
@media all and (min-width: 200px) and (max-width: 400px) {
	img.colorswatch {
		width:49%;
		border:none;
	}
}

/* Responsive Section image indexes */
@media all and (min-width: 400px) {
.imagepanels {
	text-align:left;
	margin-top:20px;
}
.imagepanels div {
	margin-bottom: 0px;
	width: 32%;
	display: inline-block;
	text-align: center;
	vertical-align:top;
}
.imagepanels div a:hover {
	text-decoration: underline;
}
.imagepanels div img {
	width:100%;
}
.imagepanels div p {
	margin-top: 2px;
	font-size: 2.3vw !important;
}
}
@media all and (min-width: 200px) and (max-width: 400px) {
.imagepanels {
	text-align:left;
	margin-top:20px;
}
.imagepanels div {
	margin-bottom: 0px;
	width: 49%;
	display: inline-block;
	text-align: center;
	vertical-align:top;
}
.imagepanels div a:hover {
	text-decoration: underline;
}
.imagepanels div img {
	width:100%;
}
.imagepanels div p {
	margin-top: 2px;
	font-size: 3.5vw !important;
}
}
/* Legacy, included incase it impacts untouched/copypasted content. */
.w, .w a {
	color: #FFF;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/* Front page column layout */
.gridcontainer {
	margin-bottom:20px;
	min-height:70px;
	width: 100%;
}

.gridcontainer h2, .gridcontainer p {
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}

.gridelementL {
	display: table-cell;
	vertical-align: top;
	width: 115px;
	padding-right: 25px;
}

.gridelementL img {
	border: 0;
}

.gridelementR {
	display: table-cell;
	vertical-align: top;
	width: inherit;
}

/* DIY section */
.diylinks {
	margin-left: auto;
	margin-right: auto;
}
.diylinks div {
	min-width:290px;
	vertical-align:top;
	float:left;
}
.diylinks ul {
	list-style:none;
	margin-left:-40px !important;
	margin-top:-12px;
}
h2.diy {
	color:#03C;
	margin-bottom:0px;
	text-align:justify;
}
p.diy {
	margin-top:0px;
	text-align:justify;
}
p.diy2 {
	text-align:justify;
}
img.diy {
	width:60%;
	max-width:200px;
	min-width:180px;
	margin-left:10px;
	margin-top:5px;
	margin-bottom:5px;
}

/* Petbed cover options */
div.pbcovers {
	margin-left:auto;
	margin-right:auto;
	margin-top:3px;
	margin-bottom:3px;
	text-align:center;
}

div.pbcovers div {
	width: 49%;
	min-width: 250px;
	text-align: center;
	display: inline-block;
	vertical-align: top;
	margin-left: auto;
	margin-right: auto;
}

/* Datasheet columns */
div.datasheets {
	margin-left:auto;
	margin-right:auto;
	margin-top:3px;
	margin-bottom:3px;
	text-align:center;
}

div.datasheets div {
	width: 49%;
	min-width: 250px;
	text-align: left;
	display: inline-block;
	vertical-align: top;
	margin-left: auto;
	margin-right: auto;
}

div.datasheets p {
	margin-top:-10px;
}

/* datasheet layout */
body#datasheet {
	background-color: #FFF;
}

body#datasheet #contentwrap {
	margin-left: auto; margin-right: auto;
}

body#datasheet #content {
	max-width: none;
}

div.datasheethead {
	width: 100%; height: auto; min-height:150px; margin-top: 10px;
}

div.datasheethead .left {
	width: 220px; margin-bottom:10px; margin-left: auto; margin-right:auto;
}

div.datasheethead .right {
	text-align: center; border: 1px solid #222; margin-left: 0px;
}

div.datasheethead .right .title {
	width: 100%; font: 18px Verdana,Arial,Helvetica,sans-serif; padding-top: 8px; padding-bottom: 8px;
}

div.datasheethead .right .tag {
	width: 100%; border-top: 1px solid rgb(34, 34, 34); border-bottom: 1px solid rgb(34, 34, 34); font: 13px Verdana,Arial,Helvetica,sans-serif; background-image: url("/index.data/darkpixel.gif"); background-repeat: repeat-y; background-position: center center;
}

div.datasheethead .right .tag .date, div.datasheethead .right .tag .name {
	width: 48%; display: inline-block; font: inherit; padding-top: 8px; padding-bottom: 8px; vertical-align:middle;
}

div.datasheethead .right .info {
	width: auto; text-align: left; font: 13px Verdana,Arial,Helvetica,sans-serif; margin-left: 10px; margin-right: 10px; padding-top: 8px; padding-bottom: 8px;
}

@media all and (min-width: 500px) {
table.datasheet {
	border: 1px solid #222;
	font: 13px Verdana, Arial, Helvetica, sans-serif;
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0px;
}
}

@media all and (min-width: 200px) and (max-width: 500px) {
table.datasheet {
	border: 1px solid #222;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0px;
}
}

table.datasheet td {
	padding: 5px;
	vertical-align: middle;
}

table.datasheet td.head {
	font: 18px Verdana, Arial, Helvetica, sans-serif;
}

table.datasheet tr.head {
	border-bottom: 1px solid #222;
}

table.datasheet tr {
	border-bottom: 1px solid #666;
}

table.datasheet td.col-50 {
	width: 50%;
}

table.datasheet td.col-40 {
	width: 40%;
}

table.datasheet td.col-30 {
	width: 30%;
}

table.datasheet td.col-25 {
	width: 25%;
}

table.datasheet td.col-20 {
	width: 20%;
}

table.datasheet td.col-10 {
	width: 10%;
}

#dsclosewindow {
	padding-top:20px; text-align: center;
}

#dscopyright {
	border: 1px solid rgb(34, 34, 34); text-align: center; margin-top: 16px; margin-bottom: 50px;
}

/* responsive diy instruction images */
@media all and (min-width: 400px) {
	img.diyinstr {
		width:32%;
		border:none;
	}
}
@media all and (min-width: 200px) and (max-width: 400px) {
	img.diyinstr {
		width:49%;
		border:none;
	}
}

/* customer service tolerance table */
@media all and (min-width: 500px) {
table.tolerance {
	border: 1px solid #000000;
	border-collapse: collapse;
	padding: 1px;
}
table.tolerance tr {
	border: 1px solid #000000;
	border-collapse: collapse;
}
table.tolerance td {
	border: 1px solid #000000;
	border-collapse: collapse;
	padding: 2px 4px 2px 4px;
	font-family: Verdana,New Font Name,Helvetica,Geneva,Swiss,SunSans-Regular;
	font-size: 13px;
}
table.tolerance td.centered {
	text-align: center;
}
table.tolerance td.wide {
	padding-left:7px;
	padding-right:7px;
}
table.tolerance tr.alt {
	background-color: #f0f0f0;
}
table.tolerance td.label {
	color: #FFFFFF;
	background-color: #000000;
}
table.tolerance td.category {
	color: #FFFFFF;
	background-color: #0066cc;
}
}

@media all and (min-width: 200px) and (max-width: 500px) {
table.tolerance {
	border: 1px solid #000000;
	border-collapse: collapse;
	padding: 1px;
}
table.tolerance tr {
	border: 1px solid #000000;
	border-collapse: collapse;
}
table.tolerance td {
	border: 1px solid #000000;
	border-collapse: collapse;
	padding: 1px 3px 1px 3px;
	font-family: Verdana,New Font Name,Helvetica,Geneva,Swiss,SunSans-Regular;
	font-size: 11px;
}
table.tolerance td.centered {
	text-align: center;
}
table.tolerance td.wide {
	padding-left:5px;
	padding-right:5px;
}
table.tolerance tr.alt {
	background-color: #f0f0f0;
}
table.tolerance td.label {
	color: #FFFFFF;
	background-color: #000000;
}
table.tolerance td.category {
	color: #FFFFFF;
	background-color: #0066cc;
}
}

/* Order Status Page */
@media all and (min-width: 500px) {
#order_status #customer_information, #order_status #order_information, #order_status #order_details {
	width:100%;
	margin-top:20px;
	vertical-align:text-top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	}
	
	
#order_status #order_status_header{
	width:100%;
	margin-top:10px;
	vertical-align:text-top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	}
	
#order_payment_details {
	width:250px;
	margin-top:20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	}
}
@media all and (min-width: 200px) and (max-width: 500px) {
#order_status #customer_information, #order_status #order_information, #order_status #order_details {
	width:100%;
	margin-top:20px;
	vertical-align:text-top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	}
	
	
#order_status #order_status_header{
	width:100%;
	margin-top:10px;
	vertical-align:text-top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	}
	
#order_payment_details {
	width:250px;
	margin-top:20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	}
}
cell{
	vertical-align: text-top;
	vertical-align: top;
}
	
#order_status #order_payment_details tr {
	margin:0;
	padding:0;
	padding-bottom:5px;
	}
	
#order_status #total {
	border-top:double 4px #000000;
	padding-top:10px;
	}

#order_status #new_order {
	width:100%;
	clear:both;
	}
	
#order_status #new_order a, #order_status #order_status_div a {
	color:#006699;
	text-decoration:none;
	}
	
#order_status #new_order a:hover, #order_status #order_status_div a:hover {
	color:#FF0000;
	}
	
#order_status #error_message {
	color:#FF0000;
	font-weight:bold;
	width:100%;
	}
		
#order_status{
	vertical-align: top;
	}

#order_status h3, #order_status p {
	font-family: Arial, Helvetica, sans-serif;
}

.ordersectionhead {
	color:#fff;
	background-color:#06C;
	text-align:center;
	font-weight:bold;
}

.ordersectionhead td {
	padding-top:4px;
	padding-bottom:3px;
	border-bottom:1px solid #06C;
}


/* ==== BASK / CHECKOUT === */
.cartwrap {max-width:700px; margin-left:auto; margin-right:auto; padding-bottom:20px; padding-left:4px; padding-right:4px;}
.cartwrap p:first-child, .cartwrap blockquote:first-child {margin-top:0px;}

.button_continue, .button_login {width: 100px;}
.button_cartcheckout {margin-right:6px; margin-top:6px; border:0;}
.button_cartcontinueshop {margin-right:6px; margin-top:6px; border:0;}
.button_cartremove {width:10px; border:0;}

/* Changing from show/hide cart button to toggling the top bar of the table */
/*#show-basket {
	width:151px;
	height:49px;
	float:left;
	background-image:url("/index.data/button_togglecart.png");
	background-repeat:no-repeat;
	background-position:0% 0%;
	display:block;
}*/
#show-basket:hover, #show-summary:hover {cursor:pointer;}
#show-basket-arrow, #show-summary-arrow {width:16px;display:inline-block;}

.basksecheader {
	background-color:#0040A8;
	color:#FFF;
	border-top:4px solid #111;
	height:20px;
	padding:4px 0px;
	width:100%;
	display:table;
}

.basksecheader-tab {
	background-color:#0040A8;
	color:#FFF;
	border-top:4px solid #111;
	height:20px;
	padding:4px 5px;
}

.basknote {
	border-left:1px solid #111;
	border-right:1px solid #111;
	border-bottom:1px solid #111;
	margin-top:30px;
}
.basknote div {
	text-align: center; 
	font-size: 13px; 
	padding: 4px 5px; 
	border-top: 4px solid #111; 
	border-bottom: 1px solid #111;
	background-color: #FF5; 
}
.basknote p {
	padding: 10px;
	font-size:13px;
	margin-top:0px;
	margin-bottom:0px;
}
.invalid label {color:#f00 !important;}
.invalid input, .invalid select{border:1px solid #f00 !important;}
span.invalid {color:#f00 !important;}

.formrow, .radiorow, .paymentrow {padding-top:3px;padding-bottom:3px;overflow:auto;padding-left:1%;}
.formrow label, .radiorow label, paymentrow label {color:#000;}
.formrow input, .formrow select, .radiorow input, .radiorow select, .paymentrow input, .paymentrow select {border:1px solid #888;box-sizing:border-box;}

.addressrow {overflow:auto;padding-left:1%;}

#ocstfieldswrap {border:1px solid #111;}
#oselfieldswrap {border:1px solid #111;margin-bottom:10px;padding-bottom:5px;}
.oselfieldswrap, .taxexemptfieldswrap {border:1px solid #111;margin-bottom:10px;padding-bottom:5px;}
#oselcustinfo {border-right:1px solid #111;border-bottom:1px solid #111;border-left:1px solid #111;padding-bottom:5px;}
#INVC #oselcustinfo {margin-top:10px;}
#paydetailfields, #invoicefields, #fpwdfields {border:1px solid #111;padding-bottom:10px;}
#fpwd-submit-button {display:block;margin-left:auto;margin-right:auto;}

#login-submit-button {margin-top:15px;}
.acntforgotpassword {margin-top:0px;font-size:12px;}
#login-register-button, #login-continue-button {margin-bottom:15px;width:100px;}

.logout-button {width:100%;text-align:right;}

#acedfieldswrap {border:1px solid #111;margin-top:20px;margin-bottom:15px;}

/* sections laid out vertically, label beside textbox */
@media all and (min-width: 200px) and (max-width: 450px) {
	.formrow label {text-align:left;max-width:290px;display:block;padding-left:3%;font-size:12px;}
	.formrow .custlabel {text-align:left;display:block;padding-left:1%;float:left;}
	.formrow input, .formrow select {width:92%;}
	.formrow .custinfo {width:92%;}
	.formrow .custinfotxt {margin-left:35%;text-align:left;}
	.radiorow label {padding-left:1%;padding-right:1%;font-size:12px;}
	.radiorow .note {padding-left:28px;padding-right:1%;font-size:12px;}
	.addressrow {font-size:12px;}
	.paymentrow {font-size:12px;}
	.paymentrow label {text-align:left; width:152px; display:block; padding-left:1%}
	.paymentrow .payment-cc_name, .paymentrow .payment-cc_number, .paymentrow .payment-cc_exp {width:230px;display:inline-block;}
	.paymentrow .payment-cc_name input, .paymentrow .payment-cc_number input {width:100%;}
	.invoicerow {font-size:12px;}
	.invoicerow label {text-align:left; width:152px; display:block; padding-left:1%}
	.invoicerow p {padding-left:1%;}
	#ocst-legend, #opay-legend {font-size: 12px;}
	#ocst-updatecust {font-size:12px;padding-top:10px;padding-bottom:10px;}
	#billtofields {margin-top:30px;}
	#paywithfields {margin-top:10px;}
	#shiptofields, #billtofields, #shipviafields, #paywithfields, #acntloginfields, #acntregisterfields {width:100%;display:inline-block;min-width:265px;vertical-align:top;}
	#acntloginfields p {text-align:left;font-size:12px;padding-left:1%;margin-top:0px;margin-bottom:20px;}
	#acntregisterfields p {text-align:left;font-size:12px;padding-left:1%;margin-top:0px;margin-bottom:0px;}
	#acntregisterfields ul {text-align:left;font-size:12px;margin-top:0px;}
	#fpwdfields p {padding-left:2%;padding-right:2%;font-size:12px;}
}
@media all and (min-width: 450px) and (max-width: 600px) {
	.formrow label {text-align:right;width:30%;display:block;float:left;padding-left:1%;font-size:13px;}
	.formrow .custlabel {text-align:right;display:block;float:left;padding-left:1%;}
	.formrow input, .formrow select {width:55%;margin-left:-5%;}
	.formrow .custinfo {width:55%;margin-left:-5%;}
	.formrow .custinfotxt {margin-left:35%;text-align:left;}
	.radiorow label {padding-left:1%;padding-right:1%;font-size:13px;}
	.radiorow .note {padding-left:29px;padding-right:1%;font-size:13px;}
	.addressrow {font-size:13px;}
	.paymentrow {font-size:13px;}
	.paymentrow label {text-align:left; width:152px; display:block; float:left; padding-left:1%}
	.paymentrow .payment-cc_name, .paymentrow .payment-cc_number, .paymentrow .payment-cc_exp {width:230px;display:inline-block;}
	.paymentrow .payment-cc_name input, .paymentrow .payment-cc_number input {width:100%;}
	.invoicerow {font-size:13px;}
	.invoicerow label {text-align:left; width:152px; display:block; float:left; padding-left:1%}
	.invoicerow p {padding-left:1%;}
	#ocst-legend, #opay-legend {font-size: 13px;}
	#ocst-updatecust {font-size:13px;padding-top:10px;padding-bottom:10px;}
	#billtofields {margin-top:30px;}
	#paywithfields {margin-top:10px;}
	#shiptofields, #billtofields, #shipviafields, #paywithfields, #acntloginfields, #acntregisterfields {width:100%;display:inline-block;min-width:265px;vertical-align:top;}
	#acntloginfields p {text-align:left;font-size:13px;padding-left:1%;margin-top:0px;margin-bottom:20px;}
	#acntregisterfields p {text-align:left;font-size:13px;padding-left:1%;margin-top:0px;margin-bottom:0px;}
	#acntregisterfields ul {text-align:left;font-size:13px;margin-top:0px;}
	#fpwdfields p {padding-left:2%;padding-right:2%;font-size:13px;}
}
@media all and (min-width: 600px) and (max-width: 760px) {
	.formrow label {text-align:left;max-width:290px;display:block;padding-left:3%;font-size:13px;}
	.formrow .custlabel {text-align:left;display:block;padding-left:1%;float:left;}
	.formrow input, .formrow select {width:92%;}
	.formrow .custinfo {width:92%;}
	.formrow .custinfotxt {margin-left:35%;text-align:left;}
	.radiorow label {padding-left:1%;padding-right:1%;font-size:13px;}
	.radiorow .note {padding-left:29px;padding-right:1%;font-size:13px;}
	.addressrow {font-size:13px;}
	.paymentrow {font-size:13px;}
	.paymentrow label {text-align:left; width:152px; display:block; float:left; padding-left:1%}
	.paymentrow .payment-cc_name, .paymentrow .payment-cc_number, .paymentrow .payment-cc_exp {width:230px;display:inline-block;}
	.paymentrow .payment-cc_name input, .paymentrow .payment-cc_number input {width:100%;}
	.invoicerow {font-size:13px;}
	.invoicerow label {text-align:left; width:152px; display:block; float:left; padding-left:1%}
	.invoicerow p {padding-left:1%;}
	#ocst-legend, #opay-legend {font-size: 13px;}
	#ocst-updatecust {font-size:13px;padding-top:10px;padding-bottom:10px;}
	#shiptofields, #billtofields, #shipviafields, #paywithfields, #acntloginfields, #acntregisterfields {width:50%;display:inline-block;min-width:265px;vertical-align:top;}
	#acntloginfields p {text-align:left;font-size:13px;padding-left:1%;margin-top:0px;margin-bottom:20px;}
	#acntregisterfields p {text-align:left;font-size:13px;padding-left:1%;margin-top:0px;margin-bottom:0px;}
	#acntregisterfields ul {text-align:left;font-size:13px;margin-top:0px;}
	#fpwdfields p {padding-left:2%;padding-right:2%;font-size:13px;}
}
@media all and (min-width: 760px) {
	.formrow label {text-align:left;width:35%;display:block;float:left;padding-left:1%;font-size:14px;}
	.formrow .custlabel {text-align:left;/*width:35%;*/display:block;float:left;padding-left:1%;}
	.formrow input, .formrow select {width:55%;}
	.formrow .custinfo {width:55%;}
	.formrow .custinfotxt {width:64%;text-align:left;margin-left:35%;}
	.radiorow label {padding-left:1%;padding-right:1%;font-size:14px;}
	.radiorow .note {padding-left:30px;padding-right:1%;font-size:14px;}
	.addressrow {font-size:14px;}
	.paymentrow {font-size:14px;}
	.paymentrow label {text-align:left; width:152px; display:block; float:left; padding-left:1%}
	.paymentrow .payment-cc_name, .paymentrow .payment-cc_number, .paymentrow .payment-cc_exp {width:230px;display:inline-block;}
	.paymentrow .payment-cc_name input, .paymentrow .payment-cc_number input {width:100%;}
	.invoicerow {font-size:14px;}
	.invoicerow label {text-align:left; width:152px; display:block; float:left; padding-left:1%}
	.invoicerow p {padding-left:1%;}
	#ocst-legend, #opay-legend {font-size: 14px;}
	#ocst-updatecust {font-size:14px;padding-top:10px;padding-bottom:10px;}
	#shiptofields, #billtofields, #shipviafields, #paywithfields, #acntloginfields, #acntregisterfields {width:50%;display:inline-block;min-width:265px;vertical-align:top;}
	.taxexemptfieldswrap {width:50%;}
	#taxexemptfields {width:100%;display:inline-block;min-width:265px;vertical-align:top;}
	#acntloginfields p {text-align:left;font-size:14px;padding-left:1%;margin-top:0px;margin-bottom:20px;}
	#acntregisterfields p {text-align:left;font-size:14px;padding-left:1%;margin-top:0px;margin-bottom:0px;}
	#acntregisterfields ul {text-align:left;font-size:14px;margin-top:0px;}
	#fpwdfields p {padding-left:2%;padding-right:2%;font-size:14px;}
}
/* quick fix for breakpoint at exactly 600px */
@media all and (width: 600px) {
	#billtofields {margin-top:0px !important;}
}

.accountinfo {width:240px;}

.bask_productcode_emp {display:block;font-weight:normal;}

/*** checkout progress headers ***/
#checkout-headers {overflow:hidden; border-right:1px solid #444; border-bottom:1px solid #444; border-left:1px solid #444;text-align:center;margin-bottom:10px;}
#checkout-headers .activecolumn {color:#FFF; background-color:#444; width:25%; float:left; box-sizing:border-box; padding:5px 0px;}
#checkout-headers .column {color:#444; width:25%; float:left; box-sizing:border-box; padding:5px 0px;}
#checkout-headers .icon {display:block; font-size:24px;}
#checkout-headers .title {font-size:11px;}
#checkout-headers a .column:hover{color:#fff;background-color:#06C;}

/*** some generic styles ***/
.nm {margin: 0}
.note {font-size:10px;}

/*===GENERIC: colors===*/
.red {color: #F00;}

/*===GENERIC: floats and breakers===*/
.floatl {float:left;}
.floatr {float:right;}
.breaker {display: block;height: 0.75rem; clear:both;}

/*===GENERIC: fonts===*/
.fsize10 {font-size:10px !important;}
.fsize16 {font-size:16px !important;}

/*===GENERIC: form elements===*/
.checkboxfield input[type="checkbox"] {
    display:none;
}
.checkboxfield input[type="checkbox"] + label span {
    display:inline-block;
    width:15px;
    height:15px;
    vertical-align:middle;
	/* background:url(/Merchant2/graphics/00000001/checkbox1-sprite.gif) left top no-repeat; */
	/* background-size: 30px 15px; */
	background:url(/Merchant2/graphics/00000001/checkbox1-sprite.png) left top no-repeat;
    cursor:pointer;
	margin-right:5px;
}
.checkboxfield input[type="checkbox"]:checked + label span {
	/* background:url(/Merchant2/graphics/00000001/checkbox1-sprite.gif) -15px top no-repeat; */
	/* background-size: 30px 15px; */
	background:url(/Merchant2/graphics/00000001/checkbox1-sprite.png) right top no-repeat;
	margin-right:5px;
}

/*===GENERIC: CSS for tooltip (cvv) */
#tooltip
{
    text-align: center;
    color: #fff;
    /*background: #111;*/
	background: #333;
	background: -webkit-gradient( linear, left top, left bottom, from( rgba( 0, 0, 100, .9 ) ), to( rgba( 0, 0, 100, 1 ) ) );
	background: -webkit-linear-gradient( top, rgba( 0, 0, 100, .9 ), rgba( 0, 0, 100, 1 ) );
	background: -moz-linear-gradient( top, rgba( 0, 0, 100, .95 ), rgba( 0, 0, 100, 1 ) );
	background: -ms-radial-gradient( top, rgba( 0, 0, 100, .9 ), rgba( 0, 0, 100, 1 ) );
	background: -o-linear-gradient( top, rgba( 0, 0, 100, .9 ), rgba( 0, 0, 100, 1 ) );
	background: linear-gradient( top, rgba( 0, 0, 100, .9 ), rgba( 0, 0, 100, 1 ) );
	-backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
    position: absolute;
    z-index: 100;
    padding: 15px;
}
 
#tooltip:after /* triangle decoration */
{
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #333;
	border-top-color: rgba( 0, 0, 100, 1 );
	content: '';
	position: absolute;
	left: 50%;
	bottom: -10px;
	margin-left: -10px;
}
 
#tooltip.top:after
{
	border-top-color: transparent;
	border-bottom: 10px solid #111;
	top: -20px;
	bottom: auto;
}
 
#tooltip.left:after
{
	left: 10px;
	margin: 0;
}
 
#tooltip.right:after
{
	right: 10px;
	left: auto;
	margin: 0;
}

.paymentrow abbr {
	border-style: dotted;
    border-color: #111;
    border-width: 0 0 1px;
    cursor: help;
	text-decoration-style: -moz-none;
}

/* support for custom packaging image galleries */
#category-gallery #image-views {
	clear: both;
}
#category-gallery #image-views #image-view {
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	display: block;
}
#category-gallery #image-thumbnails {
	margin: 0;
	padding: 0;
}
#category-gallery #image-thumbnails li {
	list-style: none;
	padding: 0 3px 6px;
	margin: 0;
	opacity: 0.6;
	filter: alpha(opacity=60);
	float: left;
}
#category-gallery #image-thumbnails li:hover {
	opacity: 0.80;
	filter: alpha(opacity=80);
}
#category-gallery #image-thumbnails li.image-thumbnails-active {
	opacity: 1;
	filter: alpha(opacity=100);
}
#category-gallery #image-thumbnails li img {
	width: 66px;
	height: 43px;
	border: 1px solid #c0c0c0;
	cursor: pointer;
}

/* account pages (ACAD, ACED, ACLN, CEML, CPWD, LOGN, ORDL) */

.account-header {
	max-width: 466px;
    width: 100%;
}

/* support an info/fyi message - initially used for dacron message for custom cushions/mattresses */
.info-message {
	background-color: rgb(228, 238, 248);
	margin-bottom:1.5rem;
	background: #9dd7f9 url(/images/icons/info.png) no-repeat 10px center;
	background-color: rgb(157, 215, 249);
	border: 1px solid #64a6cc;
	font-weight: bold;
	padding: 10px 10px 10px 50px;
	color: #333;position: relative;
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
}