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

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

html{
	height:100%;
	min-height: 100%;
}
body {
	background-color: #FFFFFF;
	max-width: 8.2in
}
#gheader {
	width: 100%;
	height: 70px;
	background-color: #FFFFFF;
	border-bottom: 20px solid #FFF;
	min-width: 460px;
}
#leftnav {
	display: none !important;
}
#leftnav ul {
	display: none;
}
#contentwrap {
	width: 695px;
	background-color: #FFFFFF;
	overflow:visible!important;
}

#content {
	width: 95%;
	background-color:#FFFFFF;
}

#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;
}

#gfooter {
	width: 100%;
	height: 170px;
	background-color: #FFFFFF;
	float:left;
	border-top: 20px solid #FFF;
	min-width: 460px;
}


#footercontent {
	color:#000000;
}

#copyright {
	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 {
	display: none;
}

#topnavimgp {
	display: block;
}

#topnavimgprint {
	height: 49px;
	width: 300px;
	float: left;
}
#topnavbuttons {
	display: none;
}
#topnavbuttons2 {
	display: none;
}
.phonebar {
	display: none;
}

.phonebarp {
	display: block;
	background-color: #FFFFFF;
	height: 20px;
	text-align: right;
}

#gheader .phonebarp {
	border-top: 1px solid #000;
}

#gfooter {
	height: auto;
}

#gfooter .phonebarp {
	border-bottom: 1px solid #000;
}

#emblemwrapper {
	display:none;
}

#footercontent {
	display:none;
}

#copyright {
	color:#000;
}
.sectionhead {
	width: 550px;
}

.productsectionimg {
	width: 550px;
}

.galleryimgL {
	width: 275px;
}

.galleryimg {
	width: 275px;
}

.panelleft, .panelmid, .panelright, .imagepanels div {
	width: 134px;
}

.panelleft p, .panelmid p, .panelright p {
	font-size: 11px !important;
}

#dsclosewindow {
	display: none;
}

.imagepanels {
	text-align:left;
	margin-top:20px;
}
.imagepanels div {
	margin-bottom: 0px;
	width: 134px;
	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-family: Verdana,Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
	font-size: 11px !important;
}

.producttable {
	width: 100%;
	border: 1px solid #222;
	border-collapse: collapse;
}
.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:120%;
	text-align:left;
	margin-left:8px;
	margin-right:8px;
}

/* 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;
}

.centered {
	text-align: center;
}

/* 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;
}

/* 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; float: left;
}

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

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;
}

table.datasheet {
	border: 1px solid #222;
	font: 13px 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;
}

/* customer service tolerance table */
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;
}

/* ===Cart/Checkout print styles === */
.basksecheader-tab {border-top:4px solid #111;}
.listheader {border-top:1px solid #111;}
.button_cartremove {width:10px;border:0;}
#basket-update-row {display:none;}
.checkoutbutton {display:none;}
#checkout-headers {display:none;}
#ocst-legend {font-size:14px;}
#shiptofields {width:50%;display:inline-block;vertical-align:top;}
#billtofields {width:50%;display:inline-block;vertical-align:top;}
.customerhead {padding-left:0px;}
.formrow {padding-left:1%;overflow:auto;}
.formrow label {text-align:left;float:left;display:block;width:35%;font-size:14px;}
.formrow select {width:52%;}
#ocst-updatecust {display:none;}
tr.basket-contents {display:table-row;}
#cstype-submit-button {display:none;}
#show-basket-arrow {display:none;}
#customerfields {border:1px solid #111;}
.basksecheader {border-top:4px solid #111;}
.basknote {margin-top:10px;}
.basknote div {padding:0px;}
.basknote p {padding:0px;}
.basknote h4, .basknote p {font-size:14px;}
#show-summary-arrow {display:none;}
#oselfieldswrap {border:1px solid #111;margin-bottom:10px;padding-bottom:5px;}
#shipviafields {width:50%;display:inline-block;vertical-align:top;}
#paywithfields {width:50%;display:inline-block;vertical-align:top;}
#oselcustinfo {border:1px solid #111;}
.addressrow {font-size:14px;padding-left:1%;}
#paydetailfields {border:1px solid #111;padding-bottom:10px;}
.paymentrow {font-size:14px;padding-left:1%;overflow:auto;}
.paymentrow label {text-align:left;float:left;display:block;width:35%;font-size:14px;}
#btn_opaysubmit {display:none;}
.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%;
}
#invoicefields {border:1px solid #111; padding-bottom:10px;}
#invoicefields .customerhead {padding-left:1%;}
.invoicerow {font-size:14px;}
.invoicerow label {text-align: left;width: 152px;display: block;float: left;padding-left: 1%;}
.invoicerow p {padding-left:1%;}

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

.button_continue, .button_login, #login-register-button {width: 100px;}

#acntloginfields {width:50%;display:inline-block;vertical-align:top;}
#acntregisterfields {width:50%;display:inline-block;vertical-align:top;}
#acntregisterfields p, ul {text-align:left;}

/* Legacy, included incase it impacts untouched/copypasted content. */
.w, .w a {
	color: #000;
}

/* 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;
}

#INVC .pickuponly {
	display: none;
}

.order-details-text {
	position: absolute;
	top: 8px;
	right: 0;
	width: 300px;
	text-align: right;
	font-size: 24pt;
}

#INVC #oselcustinfo {margin-top:10px;}

#INVC #basketcontents-BASK { margin-top: 10px; }
#INVC #basketcontents-BASK tr:first-child {
	display: none;
}


/* quick fix for some weird extra borders */
#INVC #invoicefields, #INVC #oselcustinfo, #INVC #basketcontents-BASK {
    background: none;
	border: 1pt solid #000;
}
#INVC #invoicefields *, #INVC #oselcustinfo *, #INVC #basketcontents-BASK * {
	border: none;
	background: none;
	color: #000;
}