/* HACKS for broken browser implementations */

* html .visualIEFloatFix { height: 0.01% }

/* self clearing */
/*** see http://www.positioniseverything.net/easyclearing.html
   for explanation of Tony Aslett's elegant hack ***/
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both;
visibility: hidden;
}
 
.clearfix { display: inline-block; }
 
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */
/*** end clearing hack ***/ 

/* END HACKS */

body { 
	text-align: center; 
	margin: 10px 0 10px; 
	padding: 0; 
	color: white; 
	font-size: 12px;  
	font-family:  Arial, Helvetica, sans-serif;  
	background-color: white; 
}


.clear-left  { clear: left; }
.clear-right { clear: right; }
.clear-both  { clear: both; }
.float-left  { float: left; }
.float-right { float: right; }
.centre { text-align: center; }

#frame { 
	background-color: #653983; 
	padding: 0; 
	margin: 0 auto; 
	text-align: center;
	border: 6px solid white;
	width: 900px;
}

#header	{ 
	height: 120px; 
	margin: 0; 
	padding: 10px 0 0 0; 
	background-color: white;
	background-image: url('/uploads/kD/Om/kDOm1X-6oNh2eP9LRLhS7A/header.gif'); 
	background-repeat: no-repeat;
}

#menubar { 
	margin-top: -20px;
	padding: 2px; 
	height: 190px;
	background-image: url('/uploads/cY/_2/cY_29Q0IerdO-gA_YSz7dw/dogbone.gif'); 
	background-repeat: no-repeat;
}

#menubar #menuitems { 
	padding-top: 74px; 
}

#menubar #menuitems .item { 
	margin: 0 4px 0 4px;
	padding: 0 4px 0 16px;
	background-image: url('/uploads/18/CW/18CWNPEFlPutYbF8lS5tsQ/black-pawprint-small.gif'); 
	background-repeat: no-repeat;
	background-position: 0 5px;
}

#menubar #slogan {
	padding-top: 20px;
	font-style: italic;
	font-size: 13px;
}

#footer	{ 
	height: 62px; 
	margin: 0; 
	padding: 0; 
	background-color: white;
	background-image: url('/uploads/IM/17/IM17NBKtzF_wnmy-g6jYwA/footer.gif'); 
	background-repeat: no-repeat;
}

.footnote {
	font-weight: bold;
	color: #653983;
}

#pagecontent {  }
#pagecontent p {
	text-align: justify;
	padding: 6px;
	margin: 0 10px 0 10px;
	font-size: 16px;
}

.image-filler {
	margin: 20px 20px 20px 20px;	
}

#img-first-puppa {
	float: right;
	margin: 5px 50px 20px 20px;
}

#img-pawprint-middle { 
	margin: 6px 0 0 0; 
	text-align: center;
	padding: 4px;
}

#img-dog-tub {
	float: right;
	margin: 0px 10px 6px 10px;
}


.left-inner-column-of2   { width: 48%; margin: 0 1% 0 0; float: left;  }
.right-inner-column-of2  { width: 48%; margin: 0 0 0 1%; float: right; }

.left-small-inner-column-of2   { width: 28%; margin: 0 1% 0 0; float: left;  }
.right-large-inner-column-of2  { width: 68%; margin: 0 0 0 1%; float: right; }

.left-large-inner-column-of2   { width: 619px; margin: 0 10px 0 0; float: left;  }
.right-small-inner-column-of2  { width: 261px; margin: 0 0 0 10px; float: right; }

.left-inner-column-of3   { width: 32%; margin: 0; float: left; }
.middle-inner-column-of3 { width: 32%; margin: 0 2% 0 2%; float: left; }
.right-inner-column-of3  { width: 32%; margin: 0; float: right; }

.left-inner-column-of4   { width: 24%; margin: 0; float: left; }
.middleleft-inner-column-of4  { width: 24%; margin: 0 1% 0 1%; float: left; }
.middleright-inner-column-of4 { width: 24%; margin: 0 1% 0 1%; float: left; }
.right-inner-column-of4  { width: 24%; margin: 0; float: right; }

#main-panel {
	padding: 6px;
	margin-left: 16px;
	text-align: justify;
}

#right-panel {
	padding: 6px;
	margin-right: 16px;
	color: white;
}

#shopping-panel {
	background-color: white;
	padding: 6px;
	margin-right: 16px;
	color: black;
}

#shopping-panel-top	{ 
	height: 92px; 
	margin: 0 16px 0 0;
	background-image: url('/uploads/87/7I/877IwoiOR9USKY56A4Qg6A/shopping_box_header.gif'); 
	background-repeat: no-repeat;
}

#shopping-panel-top #heading {
	text-align: center;
	padding-top: 5px;
}

#shopping-panel-bottom	{ 
	height: 24px; 
	margin: 0 16px 0 0;
	background-image: url('/uploads/Bt/Hn/BtHnT6e4TWZSO-1z0ARCxw/shopping_box_footer.gif'); 
	background-repeat: no-repeat;
}

#shopping-panel li {
	background-color: white;
	padding: 2px;
	font-size: 14px;
	list-style-image: url('/uploads/5U/tE/5UtEiAvK32jEogjpD3uSWg/pink_paw_print_small.gif'); 
}

#shopping-item-panel {
	width: 589px;
}

#shopping-item-panel #top {
	text-align: center;
	background-image: url('/uploads/_R/7G/_R7GnlYFa_V40RVDLb-rtg/shopping-category-heading.gif'); 
	background-repeat: no-repeat;
	height: 51px;
}

#shopping-item-panel #top .heading {
	font-size: 20px;
	font-weight: bold;
	padding: 6px 6px 6px 6px;
	color: #653983;
}

#shopping-item-panel #main {
	padding: 6px;
	border-left:  2px solid #ffff40;
	border-right: 2px solid #ffff40;
}

#shopping-item-panel #bottom {
	text-align: center;
	background-image: url('/uploads/pj/2N/pj2NISXdsIeuWNzxXkFK7w/shopping-category-bottom.gif'); 
	background-repeat: no-repeat;
	height: 33px;
}


.product {
	padding: 4px;
	width: 100%;
}

.product .image {
	width:  165px;
	text-align: center;
	vertical-align: middle;
}

.product .image .framed-image {
	border: 2px solid #a678c6;
	padding: 6px;
}

.product .image-padding {
	width: 15px;
}

.product .name { 
	font-size: 16px;
	font-weight: bold; 
}

.product .label {
	width: 15%;
	text-align: right;
	font-size: 12px;
	vertical-align: center;
	font-weight: bold;
	border: 1px solid #a678c6; 
	background-color: #a678c6;
	padding: 4px;
}

.product .field {
	border: 1px solid #a678c6; 
	padding: 4px;
}

.product .variant {
	margin: 2px;
}

.product .variant-label {
	width: 80px;
	float: left;
	margin: 0;
	vertical-align: top;
	text-align: right;
	padding-right: 8px;
	padding-top: 2px;
	display: table-cell;
}

.product .variant-field {
	display: table-cell;
}

.product .variant-input {
	font-size: 11px;
}

#viewcart {
	margin: 16px auto;
	text-align: center;
}

#contactarea .label {
	width: 100px;
	color: white;
	font-weight: bold;
	padding: 6px;
	margin: 2px;
	text-align: right;
	font-size: 14px;
}

#contactarea .field {
	color: white;
	padding: 6px;
	margin: 2px 2px 2px 20px;
	font-size: 14px;
}

.formContents {
	margin-left: 8px;
}

.formContents .formDescription {
	font-size: 12px;
	width: 120px;
	text-align: right;
	padding: 4px 16px 4px 4px;
}

.formContents .tableData input {
	font-size: 10px;
}

.formContents .formSubmit {
	font-size: 12px;
	text-align: left;
}

.formContents .formSubmit input {
	font-size: 12px;
}

.acknowledgement {
	margin-left: 8px;
}

.acknowledgement .tableHeader {
	font-size: 12px;
	width: 120px;
	text-align: right;
	padding: 4px 16px 4px 4px;
}

.acknowledgement .tableData input {
	font-size: 10px;
}


.loginBox { 
	padding: 4px; 
	margin: 0 auto; 
	text-align: center;
}
.loginBox .label { font-size: 8px; }
.loginBox td { font-size: 8px; }
.loginBox .loginBoxField { font-size: 8px; margin-right: 10px; }
.loginBox .loginBoxButton { font-size: 8px; }

#home {
	width: 100%;
	padding: 2px;
	background-image: url('/uploads/Nh/xj/Nhxjh9oiu_NJ2pKZLY5dfw/large-light-purple-paw-print.gif'); 
	background-repeat: no-repeat;
	background-position: center;
}
#home .row { }

#home .image {
	padding: 4px;
}

#home .data { 
	width: 28%;
	text-align: center;
	vertical-align: middle;
}

#home .padder { width: 4%; }

#washing { 
	padding: 10px;
	width: 500px;
	border: 1px solid #ffff40;
}

#washing .heading { 
	background-color: #ffff40; 
	color: #653983; 
	font-weight: bold;
	font-size: 14px;
	padding: 10px;
}

#washing .data { 
	font-size: 12px;
	padding: 10px;
}


#washing-times { margin-left: 20px; }

#washing-times .label {
	width: 120px;
	color: white; 
	font-weight: bold;
	font-size: 14px;
	padding: 6px;
	text-align: right;
}

#washing-times .field {
	color: white;
	padding: 6px 6px 6px 30px;
	font-size: 12px;
}

/* Link colours/definitions */

a:link, a:visited { 
	color: #f97d2b;
	text-decoration: none;
	font-weight: bold;
}
a:hover { 
	color: white; 
	font-weight: bold; 
	text-decoration: underline; 
}

a.shoppinglink:link, a.shoppinglink:visited { 
	color: #653983;
	text-decoration: none;
	font-weight: bold;
}

a.shoppinglink:hover { 
	color: #f97d2b; 
	font-weight: bold; 
	text-decoration: underline; 
}

a.footlink:link, a.footlink:visited { 
	color: #f97d2b;
	text-decoration: none;
	font-weight: bold;
}

a.footlink:hover { 
	color: #653983; 
	font-weight: bold; 
	text-decoration: underline; 
}