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

* {
	margin:0px;
	padding:0px;
	}
	
body {
	background:url(../images/bg.gif) top repeat-x #f2f2f2;
	text-align:center;
	font-family:Arial, Helvetica, Verdana, sans-serif;
	font-size:12px;
	color:#333333;
	line-height:18px;
	}
	
#frame {
	width:1010px;
	margin:auto;
	}
	
#head {
	background:url(../images/headerbg.gif) top no-repeat;
	height:101px;
	}
	
#headerimg {
	background:url(../images/headerimgbg.gif) top no-repeat;
	height:290px;
	text-align:center;
	}
	
#contentbody {
	background:url(../images/bodybg.gif) top repeat-y;
	float:left;
	width:1010px;
	}
	
#content {
	background:url(../images/footerbg.gif) bottom no-repeat;
	padding:10px 0px 25px 0px;
	float:left;
	width:1010px;
	}
	
.topimage {
	width:958px;
	height:290px;
	margin:auto;
	}
	
#headerlink {
	position:absolute;
	margin:267px 0px 0px 807px;
	}
	
/********************* TEXT STYLING *******************/


p {
	font-family:Arial, Helvetica, Verdana, sans-serif;
	font-size:12px;
	color:#333333;
	line-height:18px;
	margin:0px 0px 10px 0px;
	padding:0px;
	}
	
h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#0b2b7e;
	line-height:18px;
	font-weight:bold;
	margin:0px 0px 10px 0px;
	padding:0px;
	}
	
h2 { /* SIDE BOX HEADERS */
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ffffff;
	line-height:16px;
	font-weight:bold;
	text-transform:lowercase;
	padding:4px 12px 0px 12px;
	}	
	
h3 { /* NAVIGATION */
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ffffff;
	line-height:22px;
	font-weight:bold;
	text-transform:lowercase;
	padding:1px 12px 0px 12px;
	margin:0px;
	}
	
p.sideboxtxt {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	line-height:16px;
	padding:5px 14px 5px 11px;
	margin:0px;
	}
	
p.sideboxtxtright {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	line-height:16px;
	padding:5px 11px 5px 14px;
	margin:0px;
	}
	
a {
	font-weight:bold;
	color:#0b2b7e;
	text-decoration:none;
	}
	
a:hover {
	text-decoration:underline;
	}
	
p.copytxt {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666666;
	line-height:16px;
	padding:5px 14px 5px 11px;
	margin:0px;
	}
	
hr {
	border:0;
	 color:#a9a9a9;
	background-color:#a9a9a9;
	height:1px;
	margin:5px 0px 5px 0px;
	}
	
ul {
	list-style-position:inside;
	margin-bottom:10px;
	}
	
span.red {
	color:#ff0000;
	}
	
/********************* HEADER CONTACT *******************/

#contactheader {
	text-align:right;
	float:right;
	margin:29px 50px 0px 0px;
	overflow:hidden;
	}
	
#contactheader p {
	font-size:15px;
	font-style:italic;
	font-weight:bold;
	color:#898989;
	margin-bottom:6px;
	}
	
#contactheader a {
	color:#000000;
	text-decoration:none;
	}
	
#contactheader a:hover {
	color:#000000;
	text-decoration:underline;
	}
	
span.phoneno {
	color:#000000;
	}
	
/********************* SIDE BOXES *******************/
	
#left {
	width:209px;
	float:left;
	}

#middle {
	width:572px;
	float:left;
	text-align:left;
	padding:0px 10px 0px 10px;
	}
	
#right {
	width:209px;
	float:left;
	}
	
.leftbox {
	width:209px;
	background:url(../images/leftbox.gif) top no-repeat;
	margin:0px 0px 12px 0px;
	}
	
.leftboxcontent {
	width:201px;
	background:url(../images/leftboxfooter.gif) bottom no-repeat;
	padding:5px 0px 5px 8px;
	text-align:left;
	}
	
.rightbox {
	width:209px;
	background:url(../images/rightbox.gif) top no-repeat;
	margin:0px 0px 12px 0px;
	}
	
.rightboxcontent {
	width:201px;
	background:url(../images/rightboxfooter.gif) bottom no-repeat;
	padding:5px 8px 5px 0px;
	text-align:right;
	}
	
.leftboxheader {
	width:193px;
	height:24px;
	background:url(../images/leftboxheader.gif) top left no-repeat;
	}
	
.rightboxheader {
	width:193px;
	height:24px;
	background:url(../images/rightboxheader.gif) top right no-repeat;
	margin:0px 0px 0px 8px;
	}
	
.leftboxnavheader {
	width:193px;
	height:24px;
	background:url(../images/leftboxnavheader.gif) top left no-repeat;
	}
	
.leftboxredheader {
	width:193px;
	height:24px;
	background:url(../images/leftboxredheader.gif) top left no-repeat;
	}
	
.rightboxredheader {
	width:193px;
	height:24px;
	background:url(../images/rightboxredheader.gif) top right no-repeat;
	margin:0px 0px 0px 8px;
	}
	
	
/***************** NAVIGATION ******************/

#nav1 {
	width:193px;
	height:23px;
	background:url(../images/leftboxheader.gif) top left no-repeat;
	}
	
#nav3, #nav4 { /*no pet*/
	width:193px;
	height:23px;
	background:url(../images/navbutton.gif) top left no-repeat;
	margin:1px 0px 0px 0px;
	}
	
#nav2, #nav5 { /*with pet */
	width:193px;
	height:21px;
	background:url(../images/navbutton.gif) top left no-repeat;
	margin:1px 0px 0px 0px;
	}
	
#nav6 {
	width:193px;
	height:24px;
	background:url(../images/navfooterbutton.gif) top left no-repeat;
	margin:1px 0px 0px 0px;
	}
	
#nav6red {
	width:193px;
	height:24px;
	background:url(../images/leftboxredfooter.gif) top left no-repeat;
	margin:1px 0px 0px 0px;
	}
	
/***************** SHOP NAVIGATION ******************/

#shopnav1 {
	width:193px;
	height:21px;
	background:url(../images/shopnavbutton.gif) top left no-repeat;
	margin:1px 0px 0px 0px;
	}
	
#shopnav2, #shopnav3, #shopnav4, #shopnav5, #shopnav6 { /*with pet */
	width:193px;
	height:21px;
	background:url(../images/shopnavbutton.gif) top left no-repeat;
	margin:1px 0px 0px 0px;
	}
	
#shopnavred1, #shopnavred2, #shopnavred3, #shopnavred4, #shopnavred5, #shopnavred6 { /*with pet */
	width:193px;
	height:21px;
	background:url(../images/leftboxredcontent.gif) top left no-repeat;
	margin:1px 0px 0px 0px;
	}
	
#shopnav8, #shopnav9, #shopnav10, #shopnav11, #shopnav12 { /*no pet */
	width:193px;
	height:23px;
	background:url(../images/shopnavbutton.gif) top left no-repeat;
	margin:1px 0px 0px 0px;
	}
	
#shopnav7 {
	width:193px;
	height:24px;
	background:url(../images/shopnavfooter.gif) top left no-repeat;
	margin:1px 0px 0px 0px;
	}
	
#shopnavred7 {
	width:193px;
	height:24px;
	background:url(../images/leftboxredfooter.gif) top left no-repeat;
	margin:1px 0px 0px 0px;
	}


/* Accordian Menu CSS */

.shopmenu{ /*header of 1st demo*/
cursor: hand;
cursor: pointer;
height:39px;
width:178px;
}

.mypets2{ /*header of 1st demo*/
cursor: hand;
cursor: pointer;
height:39px;
width:178px;
}

.openpet{ /*class added to contents of 1st demo when they are open*/
height:39px;
width:178px;
}

.thepet{
	width:193px;
	margin:0px 0px 0px 0px;
	text-align:left;
	background:#091f5c;
	padding:0px;
}

.underthepet{
	width:193px;
	height:2px;
	margin:0px 0px 0px 0px;
	text-align:left;
	background:url(../images/navbuttonbottom.gif) top no-repeat #091f5c;
	padding:0px;
}

.underthepetred{
	width:193px;
	height:2px;
	margin:0px 0px 0px 0px;
	text-align:left;
	background:url(../images/navbuttonbottomred.gif) top no-repeat #5a0101;
	padding:0px;
}

.underthepetshop{
	width:193px;
	height:2px;
	margin:0px 0px 0px 0px;
	text-align:left;
	background:url(../images/shopnavbuttonbottom.gif) top no-repeat #091f5c;
	padding:0px;
}

 a.accordianNav:link,  a.accordianNav:visited,  a.accordianNav:hover, a.accordianNav:active{
	color:#FFFFFF;
	text-decoration:none;
	border:none;
	outline:none;
}

a.accordianNav2:link,  a.accordianNav2:visited,  a.accordianNav2:hover, a.accordianNav2:active {
	font-style:italic;
	font-weight:normal;
	color:#cccccc;
	font-size:11px;
}

.navpet {
	font-style:italic;
	font-weight:normal;
	color:#ffffff;
	font-size:11px;
}

.petlist {
	list-style-position:inside;
	list-style-image:url(../images/bullet.gif);
	margin:0px 0px 0px 15px;
	padding:0px 0px 5px 0px;
	}
	
/*************** IMAGE LINKS ***************/
	
div.imagelinks {
	width:168px;
	background:url(../images/sideimages/arrows.gif) bottom right no-repeat #cccccc;
	margin:10px 0px 10px 12px;
	text-align:left;
	}
div.imagelinksright {
	width:168px;
	background:url(../images/sideimages/arrows.gif) bottom right no-repeat #cccccc;
	margin:10px 0px 10px 20px;
	text-align:left;
	}
	
img.sideimages {
	border:0px;
	}
	
a.sideimagetext {
	text-transform:uppercase;
	font-size:10px;
	color:#666666;
	line-height:17px;
	margin:0px 0px 0px 5px;
	font-weight:normal;
	}
	
a:hover.sideimagetext {
	text-decoration:none;
	color:#333333;
	}
	
/*************** FEATURES ***************/
	
div.feature {
	width:279px;
	background:#cccccc;
	margin:10px 14px 14px 0px;
	text-align:left;
	float:left;
	}
	
div.featureright {
	width:279px;
	background:#cccccc;
	margin:10px 0px 14px 0px;
	text-align:left;
	float:left;
	}
	
div.featurefull {
	width:572px;
	background:#cccccc;
	margin:0px 0px 4px 0px;
	text-align:left;
	float:left;
	height:170px;
	}
	
a.featuretext {
	font-size:10px;
	color:#666666;
	line-height:20px;
	margin:0px 0px 0px 5px;
	font-weight:normal;
	}
	
a:hover.featuretext {
	text-decoration:none;
	color:#333333;
	}
	
span.featuretext {
	font-size:10px;
	color:#666666;
	line-height:20px;
	margin:0px 0px 0px 5px;
	font-weight:normal;
	}
	
/*************** ROTATING BANNERS ***************/
	
div.rotatingbanners {
	width:572px;
	height:100px;
	margin:0px 0px 10px 0px;
	text-align:left;
	color:#666666;
	padding:0px;
	}
	
div.banner {
	width:132px;
	margin:0px 14px 0px 0px;
	background:#cccccc;
	float:left;
	padding:0px;
	}
	
div.banner2 {
	width:132px;
	margin:0px 15px 0px 0px;
	background:#cccccc;
	float:left;
	padding:0px;
	}
	
div.bannerright {
	width:132px;
	margin:0px 0px 0px 0px;
	background:#cccccc;
	float:left;
	padding:0px;
	}
	
/*************** SHOPPING BASKET ***************/

.shoppingbasket {
	border-bottom:1px solid #a9a9a9;
	float:right;
	width:168px;
	margin:5px 11px 5px 14px;
	color:#666666;
	}
	
span.shoppingleft {
	float:left;
	}
	
span.shoppingright {
	float:right;
	}
	
.checkoutbutton {
	margin:0px 0px 10px 35px;
	width:138px;
	height:26px;
	background:url(../images/basketbg.gif);
	text-align:left;
	padding:6px 0px 0px 0px;
	}
	
a.checkoutbuttontxt {
	color:#FFFFFF;
	margin:0px 0px 0px 16px;
	font-size:11px;
	}
	
.cards {
	margin:3px 11px 10px 14px;
	}
	
/*************** PAGE FORMATTING FROM OLD SITE ***************/


.subimg { margin:0px 27px 20px 0px;}
.subimgright { margin:0px 0px 20px 0px;}
div.standout { margin:0px 10px 10px 10px; background-color:#CFCFCF; border:1px solid #999999;}
.imglinkrightsub {margin:0px 16px 10px 0px;}
.imglinkrightsubnomarg {margin:0px 16px 0px 0px;}
#surround {background-color:#CFCFCF; border:1px solid #999999; padding:10px; margin:0 0 10px 0; }
.choice{ font-size:12px; }
.choice a img{ background-color:#666666; padding:1px 1px 1px 1px; }
.choice a:hover img{ background-color:#CCCCCC; }
td.mustable { padding:2px 5px 2px 5px;}
h1.mustable { margin:10px 0px 0px 0px; text-transform:lowercase;}
#main_center_about { background-color:#CFCFCF; border:1px solid #999999; margin:10px 0px 0px 0px; width:542px;  }
#main_center_about a img { border: 0px; margin:0px; }
table.main_center_about { background-color:#CFCFCF; border:1px solid #CFCFCF; }
table.main_center_open { background-color:#CFCFCF; border:3px solid #CFCFCF; }
td.main_center_open { padding-left:2px; }
#main_right_press img { margin:4px 4px 0px 0px;}
#main_right_gallery img {border:1px solid #a9a9a9; margin:5px 5px 0px 0px;}

table.green1 { border:#00b050; border-style:solid; border-width:2px; text-align:center; background-color:#FFFFFF; }

td.green1 { border:#00b050; border-style:solid; border-width: 0px 2px 2px 0px; text-align:center; background-color:#dbe5f1; }
td.green1right { border:#00b050; border-style:solid; border-width: 0px 0px 2px 0px; text-align:center; background-color:#dbe5f1; }

td.green1b { border:#00b050; border-style:solid; border-width: 0px 2px 2px 0px; text-align:center; background-color:#92d050; }
td.green1bright { border:#00b050; border-style:solid; border-width: 0px 0px 2px 0px; text-align:center; background-color:#92d050; }

td.green1c { border:#00b050; border-style:solid; border-width: 0px 2px 2px 0px; text-align:center; background-color:#ffffff; }
td.green1cright { border:#00b050; border-style:solid; border-width: 0px 0px 2px 0px; text-align:center; background-color:#ffffff; }

td.green2 { border:#bfbfbf; border-style:solid; border-width: 0px 2px 2px 0px; text-align:center; }
td.green2right { border:#bfbfbf; border-style:solid; border-width: 0px 0px 2px 0px; text-align:center; }
td.green2bottom { border:#bfbfbf; border-style:solid; border-width: 0px 2px 0px 0px; text-align:center; }
td.green2bottomright { border:#bfbfbf; border-style:solid; border-width: 0px 0px 0px 0px; text-align:center; }

/*************** MEDIA ****************/

div.vidframe {
	margin:0px 0px 0px 15px;
	}

div.video {
	width:320px;
	height:256px;
	border:1px solid #999999;
	background-color:#000000; 
	padding:5px 5px 5px 5px;
	text-align:center;
	margin:auto auto 10px auto;
	}
	
div.videoText {
	float:left;
	width:520px;
	height:auto;
	padding:0px;
	text-align:center;
	margin-bottom:10px;
	margin-left:2px;
	}	
	
div.videothumb {
	float:left;
	width:172px;
	margin:5px 5px 5px 5px;
	}
	
img.videothumb {
	border:1px solid #999999; 
	padding:5px 5px 5px 5px;
	text-align:center;
	}

p.videothumb {
	background-color:#999999;
	color:#f4f2f2;
	padding:5px;
	text-align:left;
	margin:0px 0px 0px 0px;
	}
	
img:hover.videothumb {
	background-color:#c6c5c5;
	}
	
div#media_clear{
	clear:both; 
	width:100%; 
	float:left;
}

#media_clear hr{
	border:1px solid #9E9E9E;
}

#media_clear h1{
	padding-top:8px;
	margin-left:2px;
}


/*************************** SHOP SITE ******************************/

/* Product View */
#product_container { width:565px; height:50px; margin:10px 0px 10px 0px; padding:5px 0px 5px 5px; border:0px solid #a9a9a9; }
*html #product_container { width:500px; margin:10px 0px 10px 0px;}

.product_image { float:left; display:inline; border:0px solid #a9a9a9; margin:0px auto 10px auto; width:572px; text-align:center; }
.product_image_sm { float:left; display:inline; border:1px solid #a9a9a9; margin:0px 3px 0px 0px; width:200px;}
.product_image img { border:1px solid #a9a9a9; margin:0px 0px 0px 0px; }
.product_text { float:left;	padding:0px 0px 0px 0px; margin:-4px 0px 0px 5px; width:355px; }
*html .product_text { width:305px; }

.product_text_link{ font-size:10px;	color:#333333; text-decoration:none; font-weight:normal; }
.product_text_link a:hover{	color:#FFFFFF; text-decoration:none; font-weight:normal; }

.srTROver {	background: #F4F4F4; }
.srTROut { background: #000000; }

td { font-size:10px; }

#large_image_tab { float:left; position:relative; top:-52px; left:0px; z-index:1; border:1px solid #a9a9a9; }
*html #large_image_tab { top:-52px;	}

#large_image_hide { float:left;	position:relative; top:-52px; left:-14px; z-index:10; border:1px solid #a9a9a9; }
*html #large_image_hide { top:-52px; left:-14px; }

#large_image { position:absolute; border-bottom:1px solid #a9a9a9;	border-top:1px solid #a9a9a9; border-right:1px solid #a9a9a9; border-left:1px solid #a9a9a9; padding:0px; top:290px; margin-right:auto; width:530px; height:336px; z-index:5; }
*html #large_image { position:absolute; margin-left:-28px; margin-top:288px; padding:0px; border:1px solid #a9a9a9; top:0px; }

#basket { padding:0px 0px 0px 0px; }

.productprice {
	float:left;
	width:250px;
	height:50px;
	vertical-align:top;
	}
	
.productquantity {
	float:left;
	width:250px;
	height:50px;
	vertical-align:top;
	}
	
.addtobasketbutton {
	vertical-align:middle;
	}
	
.qty {
	vertical-align:middle;
	}
	
/********************* SHOP STYLING *******************/	

div#showimage{
	margin-top:150px;
}

#deliveryTable table{
	width:100%;
}

#deliveryTable th{
	background:#d0d0d0;
	font-weight:bold;
	padding:0px 5px 0px 5px;
	width:50%;
	border-right:10px solid #ffffff;
}

#deliveryTable td{
	background:#ececec;
	vertical-align:top;
	text-align:left;
	padding:5px;	
	border-right:10px solid #ffffff;
	border-bottom:10px solid #ffffff;		
}

#deliveryInnerTable, #deliveryInnerTable td, 
#deliveryAddressInnerTable td, #deliveryAddressInnerTable th,
#deliveryInnerTable2 td, #deliveryInnerTable2 th
{
	border:none;
	padding:0px
	margin-left:0px;
}

#ShoppingBasket table{
	width:100%;
	padding:0px;
	margin:0px;
}

#ShoppingBasket th{
	background:#d0d0d0;
	font-weight:bold;
	padding:0px 5px 0px 5px;
	border:none;
}

#ShoppingBasket td{
	background:#ececec;
	font-weight:bold;
	padding:2px 5px 2px 5px;
	border:none;
}

#delAddressAdd table, #billAddressAdd table{
	width:100%;
}

#delAddressAdd th, #billAddressAdd th{
	background:#d0d0d0;
	font-weight:bold;
	padding:0px 5px 0px 5px;
}

#delAddressAdd td, #billAddressAdd td{
	background:#ececec;
	vertical-align:top;
	text-align:left;
	padding:5px;	
		
}

/* Products Title / Paging
***************************/

div.prod-title{
	float:left;
	text-align:left;
	width:40%;
}

div.paging{
	float:right;
	text-align:right;
	width:40%;
}



.logos {
	margin:10px 10px 0px 0px;
	border:0px;
	}
	
.logosbottom {
	margin:10px 10px 15px 0px;
	border:0px;
	}
	
	
a.prodextraimg img {
border:1px solid #A9A9A9;
float:left;
margin:4px 12px 12px 0px;
}

a.prodextraimgright img {
border:1px solid #A9A9A9;
float:left;
margin:4px 0px 12px 0px;
}

.pdfdiv {
}

.pdftxt {
margin-bottom:0px;
padding-top:8px;
}

.pdftxt a {
color:#333;
}

.pdfimg {
margin-right:8px;
}


/*************** SHOPFEATURES ***************/
	
div.shopfeature {
	width:269px;
	background:#cccccc;
	margin:10px 14px 14px 0px;
	text-align:left;
	float:left;
	padding:2px 5px;
	}
	
div.shopfeatureright {
	width:269px;
	background:#cccccc;
	margin:10px 0px 14px 0px;
	text-align:left;
	float:left;
	padding:2px 5px;
	}
	
div.shopfeaturefull {
	width:572px;
	background:#cccccc;
	margin:0px 0px 4px 0px;
	text-align:left;
	float:left;
	height:170px;
	}
	
a.shopfeaturetext {
	font-size:10px;
	color:#666666;
	line-height:20px;
	font-weight:normal;
	}
	
a:hover.shopfeaturetext {
	text-decoration:none;
	color:#333333;
	}
	
span.shopfeaturetext {
	font-size:10px;
	color:#666666;
	line-height:20px;
	font-weight:normal;
	}
	
a.shopfeaturetext2 {
	font-size:10px;
	color:#444444;
	line-height:14px;
	font-weight:bold;
	}
	
a:hover.shopfeaturetext2 {
	text-decoration:none;
	color:#222222;
	}
	
span.shopfeaturetext2 {
	font-size:10px;
	color:#444444;
	line-height:14px;
	font-weight:bold;
	}
	
img.sideimages2 {
	border:0px;
	margin:-5px 0px 0px -5px;
	}
	
/*************** SHOP FEATURES SM***************/
	
div.shoprotatingbanners {
	width:572px;
	height:100px;
	margin:0px 0px 10px 0px;
	text-align:left;
	color:#666666;
	padding:0px;
	}
	
div.shopbanner {
	width:122px;
	margin:0px 14px 0px 0px;
	background:#cccccc;
	float:left;
	padding:2px 5px;
	}
	
div.shopbanner2 {
	width:122px;
	margin:0px 15px 0px 0px;
	background:#cccccc;
	float:left;
	padding:2px 5px;
	}
	
div.shopbannerright {
	width:122px;
	margin:0px 0px 0px 0px;
	background:#cccccc;
	float:left;
	padding:2px 5px;
	}

a.shopfeaturetext3 {
	font-size:10px;
	color:#666666;
	line-height:14px;
	font-weight:normal;
	}
	
a:hover.shopfeaturetext3 {
	text-decoration:none;
	color:#333333;
	}
	
span.shopfeaturetext3 {
	font-size:10px;
	color:#666666;
	line-height:14px;
	font-weight:normal;
	}
	
div.shopfeatoverlay {
	background:url(../shop/images/features_halfwidth_overlay.png) top left no-repeat;
	height:124px;
	width:279px;
	position:absolute;
	display:block;
	margin:-5px 0px 0px -5px;
	}
	
div.shopfeatoverlay a {
	display:block;
	height:124px;
	width:279px;
	}	
	
div.shopfeatoverlaysm {
	background:url(../shop/images/features_quarterwidth_overlay.png) top left no-repeat;
	height:79px;
	width:132px;
	position:absolute;
	display:block;
	margin:-5px 0px 0px -5px;
	}
	
div.shopfeatoverlaysm a {
	display:block;
	height:79px;
	width:132px;
	}
	
	.offline {
	color:#FF0000;
	font-weight:bold;
	}